/*! Cola UI - 1.0.8
 * Copyright (c) 2002-2016 BSTEK Corp. All rights reserved.
 *
 * This file is dual-licensed under the AGPLv3 (http://www.gnu.org/licenses/agpl-3.0.html)
 * and BSDN commercial (http://www.bsdn.org/licenses) licenses.
 *
 * If you are unsure which license is appropriate for your use, please contact the sales department
 * at http://www.bstek.com/contact.
 */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/

template {
  display: none;
}
*:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mobile {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile ::-webkit-scrollbar {
  -webkit-appearance: none;
}
.mobile ::-webkit-scrollbar:vertical {
  width: 2px;
}
.mobile ::-webkit-scrollbar:horizontal {
  height: 2px;
}
.mobile ::-webkit-scrollbar-thumb {
  background: #888;
}
.show-on-ready {
  visibility: hidden;
}
.display-none {
  display: none !important;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.red-background {
  background-color: #db2828;
}
.orange-background {
  background-color: #f2711c;
}
.yellow-background {
  background-color: #fbbd08;
}
.olive-background {
  background-color: #b5cc18;
}
.green-background {
  background-color: #21ba45;
}
.teal-background {
  background-color: #00b5ad;
}
.blue-background {
  background-color: #2185d0;
}
.violet-background {
  background-color: #6435c9;
}
.purple-background {
  background-color: #a333c8;
}
.pink-background {
  background-color: #ff4081;
}
.brown-background {
  background-color: #a5673f;
}
.grey-background {
  background-color: #767676;
}
.black-background {
  background-color: #1b1c1d;
}
.red-text {
  color: #db2828;
}
.orange-text {
  color: #f2711c;
}
.yellow-text {
  color: #fbbd08;
}
.olive-text {
  color: #b5cc18;
}
.green-text {
  color: #21ba45;
}
.teal-text {
  color: #00b5ad;
}
.blue-text {
  color: #2185d0;
}
.violet-text {
  color: #6435c9;
}
.purple-text {
  color: #a333c8;
}
.pink-text {
  color: #ff4081;
}
.brown-text {
  color: #a5673f;
}
.grey-text {
  color: #767676;
}
.black-text {
  color: #1b1c1d;
}
.red-border {
  border-color: #db2828;
}
.orange-border {
  border-color: #f2711c;
}
.yellow-border {
  border-color: #fbbd08;
}
.olive-border {
  border-color: #b5cc18;
}
.green-border {
  border-color: #21ba45;
}
.teal-border {
  border-color: #00b5ad;
}
.blue-border {
  border-color: #2185d0;
}
.violet-border {
  border-color: #6435c9;
}
.purple-border {
  border-color: #a333c8;
}
.pink-border {
  border-color: #ff4081;
}
.brown-border {
  border-color: #a5673f;
}
.grey-border {
  border-color: #767676;
}
.black-border {
  border-color: #1b1c1d;
}
.ui.fragment {
  position: relative;
  padding: 1em;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 0.6em;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ui.fragment:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}
.ui.fragment.basic {
  background-color: transparent;
}
.ui.fragment.crowd {
  padding: 0em;
}
.ui.fragment.red:before {
  background-color: rgba(219, 40, 40, 0.8);
}
.ui.fragment.orange:before {
  background-color: rgba(242, 113, 28, 0.8);
}
.ui.fragment.yellow:before {
  background-color: rgba(251, 189, 8, 0.8);
}
.ui.fragment.olive:before {
  background-color: rgba(181, 204, 24, 0.8);
}
.ui.fragment.green:before {
  background-color: rgba(33, 186, 69, 0.8);
}
.ui.fragment.teal:before {
  background-color: rgba(0, 181, 173, 0.8);
}
.ui.fragment.blue:before {
  background-color: rgba(33, 133, 208, 0.8);
}
.ui.fragment.violet:before {
  background-color: rgba(100, 53, 201, 0.8);
}
.ui.fragment.purple:before {
  background-color: rgba(163, 51, 200, 0.8);
}
.ui.fragment.pink:before {
  background-color: rgba(255, 64, 129, 0.8);
}
.ui.fragment.brown:before {
  background-color: rgba(165, 103, 63, 0.8);
}
.ui.fragment.grey:before {
  background-color: rgba(118, 118, 118, 0.8);
}
.ui.city-selector {
  width: 320px;
  height: 280px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #2185d0;
}
.ui.city-selector .content .province,
.ui.city-selector .content .cities,
.ui.city-selector .content .hot {
  display: none;
}
.ui.city-selector .content .province .name,
.ui.city-selector .content .cities .name,
.ui.city-selector .content .hot .name {
  width: 25%;
  cursor: pointer;
  display: inline-block;
}
.ui.city-selector .content .province .name:hover,
.ui.city-selector .content .cities .name:hover,
.ui.city-selector .content .hot .name:hover {
  color: #2185d0;
}
.ui.city-selector .content .province.active,
.ui.city-selector .content .cities.active,
.ui.city-selector .content .hot.active {
  display: block;
}
.ui.city-selector .content .city.active {
  display: block;
}
.ui.city-selector .tab-buttons {
  width: 100%;
  display: table;
}
.ui.city-selector .tab-buttons > .item {
  display: table-cell;
  text-align: center;
  width: 33.33%;
  cursor: pointer;
}
.ui.city-selector .tab-buttons > .item.active,
.ui.city-selector .tab-buttons > .item:active {
  background-color: #2185d0;
  color: #fff;
}
.ui.city-selector .tab-buttons > .item:hover {
  background-color: rgba(33, 133, 208, 0.8);
  color: #fff;
}
c-segment {
  display: block;
}
c-divider {
  display: block;
}
c-form {
  display: block;
}
messages,
message {
  display: block;
}

.mobile .v-box,
.mobile .h-box,
.mobile v-box,
.mobile h-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mobile .v-box > .flex-box,
.mobile .h-box > .flex-box,
.mobile v-box > .flex-box,
.mobile h-box > .flex-box {
  display: -webkit-box;
  display: -moz-box;
}
.desktop .v-box,
.desktop .h-box,
.desktop v-box,
.desktop h-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.desktop .v-box > box,
.desktop .h-box > box,
.desktop v-box > box,
.desktop h-box > box,
.desktop .v-box > flex-box,
.desktop .h-box > flex-box,
.desktop v-box > flex-box,
.desktop h-box > flex-box {
  display: block;
}
.v-box,
.h-box,
v-box,
h-box {
  position: relative;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.v-box > .box,
.h-box > .box,
v-box > .box,
h-box > .box,
.v-box > box,
.h-box > box,
v-box > box,
h-box > box {
  overflow: visible;
}
.v-box > .flex-box,
.h-box > .flex-box,
v-box > .flex-box,
h-box > .flex-box,
.v-box > flex-box,
.h-box > flex-box,
v-box > flex-box,
h-box > flex-box {
  overflow: auto;
}
.v-box .box,
.h-box .box,
v-box .box,
h-box .box,
.v-box box,
.h-box box,
v-box box,
h-box box {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.v-box > .flex-box,
.h-box > .flex-box,
v-box > .flex-box,
h-box > .flex-box,
.v-box > flex-box,
.h-box > flex-box,
v-box > flex-box,
h-box > flex-box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.v-box > .flex-box > *,
.h-box > .flex-box > *,
v-box > .flex-box > *,
h-box > .flex-box > *,
.v-box > flex-box > *,
.h-box > flex-box > *,
v-box > flex-box > *,
h-box > flex-box > * {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.v-box,
v-box {
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.v-box > *,
v-box > * {
  position: relative;
  width: 100%;
}
.h-box,
h-box {
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
}
.h-box > *,
h-box > * {
  position: relative;
  height: 100%;
}
.v-box.center,
.h-box.center,
v-box.center,
h-box.center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.v-box.end,
.h-box.end,
v-box.end,
h-box.end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form,
form-layout {
  position: relative;
  padding-top: 0.75rem;
}
.form > fields > field,
form-layout > fields > field {
  width: 100%;
}
.form > fields,
form-layout > fields {
  display: block;
  padding: 0;
  *zoom: 1;
  margin: 0;
}
.form > fields:before,
form-layout > fields:before,
.form > fields:after,
form-layout > fields:after {
  display: table;
  content: "";
}
.form > fields:after,
form-layout > fields:after {
  clear: both;
}
.form > fields > field,
form-layout > fields > field {
  display: block;
  float: left;
  height: auto;
}
.form > fields > field,
form-layout > fields > field {
  padding: 0 0.375rem 0.75rem;
}
.form > field,
form-layout > field {
  width: 100%;
  padding: 0 0.375rem 0.75rem;
}
.form > fields > field,
form-layout > fields > field,
.form > [class*="fields-"] > field,
form-layout > [class*="fields-"] > field {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form > fields > field > label,
form-layout > fields > field > label,
.form > [class*="fields-"] > field > label,
form-layout > [class*="fields-"] > field > label {
  padding-right: 1em;
  width: 6em;
  text-align: right;
  display: block;
}
.form > fields > field.required > label,
form-layout > fields > field.required > label,
.form > [class*="fields-"] > field.required > label,
form-layout > [class*="fields-"] > field.required > label {
  position: relative;
}
.form > fields > field.required > label:after,
form-layout > fields > field.required > label:after,
.form > [class*="fields-"] > field.required > label:after,
form-layout > [class*="fields-"] > field.required > label:after {
  content: '*';
  color: #DB2828;
  position: absolute;
  right: 0em;
  line-height: 1rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 1rem;
  text-align: center;
}
.form > fields > field .ui.input,
form-layout > fields > field .ui.input,
.form > [class*="fields-"] > field .ui.input,
form-layout > [class*="fields-"] > field .ui.input,
.form > fields > field .ui.textarea,
form-layout > fields > field .ui.textarea,
.form > [class*="fields-"] > field .ui.textarea,
form-layout > [class*="fields-"] > field .ui.textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: auto;
}
.form > fields > field > .ui.textarea,
form-layout > fields > field > .ui.textarea,
.form > [class*="fields-"] > field > .ui.textarea,
form-layout > [class*="fields-"] > field > .ui.textarea {
  width: auto;
}
.form > field,
form-layout > field {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form > field > label,
form-layout > field > label {
  padding-right: 1em;
  width: 6em;
  text-align: right;
  display: block;
}
.form > field.required > label,
form-layout > field.required > label {
  position: relative;
}
.form > field.required > label:after,
form-layout > field.required > label:after {
  content: '*';
  color: #DB2828;
  position: absolute;
  right: 0em;
  line-height: 1rem;
  top: 50%;
  margin-top: -0.5rem;
  width: 1rem;
  text-align: center;
}
.form > field .ui.input,
form-layout > field .ui.input,
.form > field .ui.textarea,
form-layout > field .ui.textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: auto;
}
.form > field > .ui.textarea,
form-layout > field > .ui.textarea {
  width: auto;
}
.form fields.cols-2 > field,
form-layout fields.cols-2 > field {
  width: 50%;
}
.form fields.cols-2 > field:nth-of-type(1n),
form-layout fields.cols-2 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-2 > field:nth-of-type(2n + 1),
form-layout fields.cols-2 > field:nth-of-type(2n + 1) {
  clear: both;
}
.form fields.cols-3 > field,
form-layout fields.cols-3 > field {
  width: 33.33333333%;
}
.form fields.cols-3 > field:nth-of-type(1n),
form-layout fields.cols-3 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-3 > field:nth-of-type(3n + 1),
form-layout fields.cols-3 > field:nth-of-type(3n + 1) {
  clear: both;
}
.form fields.cols-4 > field,
form-layout fields.cols-4 > field {
  width: 25%;
}
.form fields.cols-4 > field:nth-of-type(1n),
form-layout fields.cols-4 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-4 > field:nth-of-type(4n + 1),
form-layout fields.cols-4 > field:nth-of-type(4n + 1) {
  clear: both;
}
.form fields.cols-5 > field,
form-layout fields.cols-5 > field {
  width: 20%;
}
.form fields.cols-5 > field:nth-of-type(1n),
form-layout fields.cols-5 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-5 > field:nth-of-type(5n + 1),
form-layout fields.cols-5 > field:nth-of-type(5n + 1) {
  clear: both;
}
.form fields.cols-6 > field,
form-layout fields.cols-6 > field {
  width: 16.66666667%;
}
.form fields.cols-6 > field:nth-of-type(1n),
form-layout fields.cols-6 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-6 > field:nth-of-type(6n + 1),
form-layout fields.cols-6 > field:nth-of-type(6n + 1) {
  clear: both;
}
.form fields.cols-7 > field,
form-layout fields.cols-7 > field {
  width: 14.28571429%;
}
.form fields.cols-7 > field:nth-of-type(1n),
form-layout fields.cols-7 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-7 > field:nth-of-type(7n + 1),
form-layout fields.cols-7 > field:nth-of-type(7n + 1) {
  clear: both;
}
.form fields.cols-8 > field,
form-layout fields.cols-8 > field {
  width: 12.5%;
}
.form fields.cols-8 > field:nth-of-type(1n),
form-layout fields.cols-8 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-8 > field:nth-of-type(8n + 1),
form-layout fields.cols-8 > field:nth-of-type(8n + 1) {
  clear: both;
}
.form fields.cols-9 > field,
form-layout fields.cols-9 > field {
  width: 11.11111111%;
}
.form fields.cols-9 > field:nth-of-type(1n),
form-layout fields.cols-9 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-9 > field:nth-of-type(9n + 1),
form-layout fields.cols-9 > field:nth-of-type(9n + 1) {
  clear: both;
}
.form fields.cols-10 > field,
form-layout fields.cols-10 > field {
  width: 10%;
}
.form fields.cols-10 > field:nth-of-type(1n),
form-layout fields.cols-10 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-10 > field:nth-of-type(10n + 1),
form-layout fields.cols-10 > field:nth-of-type(10n + 1) {
  clear: both;
}
.form fields.cols-11 > field,
form-layout fields.cols-11 > field {
  width: 9.09090909%;
}
.form fields.cols-11 > field:nth-of-type(1n),
form-layout fields.cols-11 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-11 > field:nth-of-type(11n + 1),
form-layout fields.cols-11 > field:nth-of-type(11n + 1) {
  clear: both;
}
.form fields.cols-12 > field,
form-layout fields.cols-12 > field {
  width: 8.33333333%;
}
.form fields.cols-12 > field:nth-of-type(1n),
form-layout fields.cols-12 > field:nth-of-type(1n) {
  clear: none;
}
.form fields.cols-12 > field:nth-of-type(12n + 1),
form-layout fields.cols-12 > field:nth-of-type(12n + 1) {
  clear: both;
}
.form > fields.cols-2 > field.cols-2,
form-layout > fields.cols-2 > field.cols-2 {
  width: 100%;
}
.form > fields.cols-3 > field.cols-2,
form-layout > fields.cols-3 > field.cols-2 {
  width: 66.66666667%;
}
.form > fields.cols-3 > field.cols-3,
form-layout > fields.cols-3 > field.cols-3 {
  width: 100%;
}
.form > fields.cols-4 > field.cols-2,
form-layout > fields.cols-4 > field.cols-2 {
  width: 50%;
}
.form > fields.cols-4 > field.cols-3,
form-layout > fields.cols-4 > field.cols-3 {
  width: 75%;
}
.form > fields.cols-4 > field.cols-4,
form-layout > fields.cols-4 > field.cols-4 {
  width: 100%;
}
.form > fields.cols-5 > field.cols-2,
form-layout > fields.cols-5 > field.cols-2 {
  width: 40%;
}
.form > fields.cols-5 > field.cols-3,
form-layout > fields.cols-5 > field.cols-3 {
  width: 60%;
}
.form > fields.cols-5 > field.cols-4,
form-layout > fields.cols-5 > field.cols-4 {
  width: 80%;
}
.form > fields.cols-5 > field.cols-5,
form-layout > fields.cols-5 > field.cols-5 {
  width: 100%;
}
.form > fields.cols-6 > field.cols-2,
form-layout > fields.cols-6 > field.cols-2 {
  width: 33.33333333%;
}
.form > fields.cols-6 > field.cols-3,
form-layout > fields.cols-6 > field.cols-3 {
  width: 50%;
}
.form > fields.cols-6 > field.cols-4,
form-layout > fields.cols-6 > field.cols-4 {
  width: 66.66666667%;
}
.form > fields.cols-6 > field.cols-5,
form-layout > fields.cols-6 > field.cols-5 {
  width: 83.33333333%;
}
.form > fields.cols-6 > field.cols-6,
form-layout > fields.cols-6 > field.cols-6 {
  width: 100%;
}
.form > fields.cols-7 > field.cols-2,
form-layout > fields.cols-7 > field.cols-2 {
  width: 28.57142857%;
}
.form > fields.cols-7 > field.cols-3,
form-layout > fields.cols-7 > field.cols-3 {
  width: 42.85714286%;
}
.form > fields.cols-7 > field.cols-4,
form-layout > fields.cols-7 > field.cols-4 {
  width: 57.14285714%;
}
.form > fields.cols-7 > field.cols-5,
form-layout > fields.cols-7 > field.cols-5 {
  width: 71.42857143%;
}
.form > fields.cols-7 > field.cols-6,
form-layout > fields.cols-7 > field.cols-6 {
  width: 85.71428571%;
}
.form > fields.cols-7 > field.cols-7,
form-layout > fields.cols-7 > field.cols-7 {
  width: 100%;
}
.form > fields.cols-8 > field.cols-2,
form-layout > fields.cols-8 > field.cols-2 {
  width: 25%;
}
.form > fields.cols-8 > field.cols-3,
form-layout > fields.cols-8 > field.cols-3 {
  width: 37.5%;
}
.form > fields.cols-8 > field.cols-4,
form-layout > fields.cols-8 > field.cols-4 {
  width: 50%;
}
.form > fields.cols-8 > field.cols-5,
form-layout > fields.cols-8 > field.cols-5 {
  width: 62.5%;
}
.form > fields.cols-8 > field.cols-6,
form-layout > fields.cols-8 > field.cols-6 {
  width: 75%;
}
.form > fields.cols-8 > field.cols-7,
form-layout > fields.cols-8 > field.cols-7 {
  width: 87.5%;
}
.form > fields.cols-8 > field.cols-8,
form-layout > fields.cols-8 > field.cols-8 {
  width: 100%;
}
.form > fields.cols-9 > field.cols-2,
form-layout > fields.cols-9 > field.cols-2 {
  width: 22.22222222%;
}
.form > fields.cols-9 > field.cols-3,
form-layout > fields.cols-9 > field.cols-3 {
  width: 33.33333333%;
}
.form > fields.cols-9 > field.cols-4,
form-layout > fields.cols-9 > field.cols-4 {
  width: 44.44444444%;
}
.form > fields.cols-9 > field.cols-5,
form-layout > fields.cols-9 > field.cols-5 {
  width: 55.55555556%;
}
.form > fields.cols-9 > field.cols-6,
form-layout > fields.cols-9 > field.cols-6 {
  width: 66.66666667%;
}
.form > fields.cols-9 > field.cols-7,
form-layout > fields.cols-9 > field.cols-7 {
  width: 77.77777778%;
}
.form > fields.cols-9 > field.cols-8,
form-layout > fields.cols-9 > field.cols-8 {
  width: 88.88888889%;
}
.form > fields.cols-9 > field.cols-9,
form-layout > fields.cols-9 > field.cols-9 {
  width: 100%;
}
.form > fields.cols-10 > field.cols-2,
form-layout > fields.cols-10 > field.cols-2 {
  width: 20%;
}
.form > fields.cols-10 > field.cols-3,
form-layout > fields.cols-10 > field.cols-3 {
  width: 30%;
}
.form > fields.cols-10 > field.cols-4,
form-layout > fields.cols-10 > field.cols-4 {
  width: 40%;
}
.form > fields.cols-10 > field.cols-5,
form-layout > fields.cols-10 > field.cols-5 {
  width: 50%;
}
.form > fields.cols-10 > field.cols-6,
form-layout > fields.cols-10 > field.cols-6 {
  width: 60%;
}
.form > fields.cols-10 > field.cols-7,
form-layout > fields.cols-10 > field.cols-7 {
  width: 70%;
}
.form > fields.cols-10 > field.cols-8,
form-layout > fields.cols-10 > field.cols-8 {
  width: 80%;
}
.form > fields.cols-10 > field.cols-9,
form-layout > fields.cols-10 > field.cols-9 {
  width: 90%;
}
.form > fields.cols-10 > field.cols-10,
form-layout > fields.cols-10 > field.cols-10 {
  width: 100%;
}
.form > fields.cols-11 > field.cols-2,
form-layout > fields.cols-11 > field.cols-2 {
  width: 18.18181818%;
}
.form > fields.cols-11 > field.cols-3,
form-layout > fields.cols-11 > field.cols-3 {
  width: 27.27272727%;
}
.form > fields.cols-11 > field.cols-4,
form-layout > fields.cols-11 > field.cols-4 {
  width: 36.36363636%;
}
.form > fields.cols-11 > field.cols-5,
form-layout > fields.cols-11 > field.cols-5 {
  width: 45.45454545%;
}
.form > fields.cols-11 > field.cols-6,
form-layout > fields.cols-11 > field.cols-6 {
  width: 54.54545455%;
}
.form > fields.cols-11 > field.cols-7,
form-layout > fields.cols-11 > field.cols-7 {
  width: 63.63636364%;
}
.form > fields.cols-11 > field.cols-8,
form-layout > fields.cols-11 > field.cols-8 {
  width: 72.72727273%;
}
.form > fields.cols-11 > field.cols-9,
form-layout > fields.cols-11 > field.cols-9 {
  width: 81.81818182%;
}
.form > fields.cols-11 > field.cols-10,
form-layout > fields.cols-11 > field.cols-10 {
  width: 90.90909091%;
}
.form > fields.cols-11 > field.cols-11,
form-layout > fields.cols-11 > field.cols-11 {
  width: 100%;
}
.form > fields.cols-12 > field.cols-2,
form-layout > fields.cols-12 > field.cols-2 {
  width: 16.66666667%;
}
.form > fields.cols-12 > field.cols-3,
form-layout > fields.cols-12 > field.cols-3 {
  width: 25%;
}
.form > fields.cols-12 > field.cols-4,
form-layout > fields.cols-12 > field.cols-4 {
  width: 33.33333333%;
}
.form > fields.cols-12 > field.cols-5,
form-layout > fields.cols-12 > field.cols-5 {
  width: 41.66666667%;
}
.form > fields.cols-12 > field.cols-6,
form-layout > fields.cols-12 > field.cols-6 {
  width: 50%;
}
.form > fields.cols-12 > field.cols-7,
form-layout > fields.cols-12 > field.cols-7 {
  width: 58.33333333%;
}
.form > fields.cols-12 > field.cols-8,
form-layout > fields.cols-12 > field.cols-8 {
  width: 66.66666667%;
}
.form > fields.cols-12 > field.cols-9,
form-layout > fields.cols-12 > field.cols-9 {
  width: 75%;
}
.form > fields.cols-12 > field.cols-10,
form-layout > fields.cols-12 > field.cols-10 {
  width: 83.33333333%;
}
.form > fields.cols-12 > field.cols-11,
form-layout > fields.cols-12 > field.cols-11 {
  width: 91.66666667%;
}
.form > fields.cols-12 > field.cols-12,
form-layout > fields.cols-12 > field.cols-12 {
  width: 100%;
}
form-layout {
  display: block;
}
@media only screen and (min-width: 0em ) and (max-width: 42.5em ) {
  .form > fields > field,
  form-layout > fields > field,
  .form > [class*="fields-"] > field,
  form-layout > [class*="fields-"] > field {
    width: 100% !important;
  }
  .form > fields > field > label,
  form-layout > fields > field > label,
  .form > [class*="fields-"] > field > label,
  form-layout > [class*="fields-"] > field > label {
    display: block;
  }
  .form > fields > field > .ui.input,
  form-layout > fields > field > .ui.input,
  .form > [class*="fields-"] > field > .ui.input,
  form-layout > [class*="fields-"] > field > .ui.input,
  .form > fields > field .ui.textarea,
  form-layout > fields > field .ui.textarea,
  .form > [class*="fields-"] > field .ui.textarea,
  form-layout > [class*="fields-"] > field .ui.textarea {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
  }
  .form > field,
  form-layout > field {
    width: 100% !important;
  }
  .form > field > label,
  form-layout > field > label {
    display: block;
  }
  .form > field > .ui.input,
  form-layout > field > .ui.input,
  .form > field .ui.textarea,
  form-layout > field .ui.textarea {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
  }
}
/*******************************
            Message
*******************************/
/*-------------------
       Elements
--------------------*/
/* Header */
/* Paragraph */
/* List */
/* Icon */
/* Close Icon */
/*-------------------
        Types
--------------------*/
/* Icon Message */
/* Attached */
/* Floating */
/* Warning / Positive / Negative / Info */
/*******************************
            Message
*******************************/
message,
messages {
  position: relative;
  min-height: 1em;
  margin: 1em 0em;
  background: #f8f8f9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  border-radius: 0.28571429rem;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
message:first-child,
messages:first-child {
  margin-top: 0em;
}
message:last-child,
messages:last-child {
  margin-bottom: 0em;
}
/*--------------
     Content
---------------*/
message,
messages {
  /* Header */
  /* Default font size */
  /* Paragraph */
  /* List */
  /* Icon */
  /* Close Icon */
  /* First / Last Element */
}
message .header,
messages .header {
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: -0.14285em 0em 0rem 0em;
}
message .header:not(.ui),
messages .header:not(.ui) {
  font-size: 1.14285714em;
}
message p,
messages p {
  opacity: 0.85;
  margin: 0.75em 0em;
}
message p:first-child,
messages p:first-child {
  margin-top: 0em;
}
message p:last-child,
messages p:last-child {
  margin-bottom: 0em;
}
message .header + p,
messages .header + p {
  margin-top: 0.25em;
}
message .list:not(.ui),
messages .list:not(.ui) {
  text-align: left;
  padding: 0em;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0em 0em;
}
message .list:not(.ui):first-child,
messages .list:not(.ui):first-child {
  margin-top: 0em;
}
message .list:not(.ui):last-child,
messages .list:not(.ui):last-child {
  margin-bottom: 0em;
}
message .list:not(.ui) li,
messages .list:not(.ui) li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em 0.3em 1em;
  padding: 0em;
}
message .list:not(.ui) li:before,
messages .list:not(.ui) li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
message .list:not(.ui) li:last-child,
messages .list:not(.ui) li:last-child {
  margin-bottom: 0em;
}
message > .icon,
messages > .icon {
  margin-right: 0.6em;
}
message > .close.icon,
messages > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  transition: opacity 0.1s ease;
}
message > .close.icon:hover,
messages > .close.icon:hover {
  opacity: 1;
}
message > :first-child,
messages > :first-child {
  margin-top: 0em;
}
message > :last-child,
messages > :last-child {
  margin-bottom: 0em;
}
/*******************************
            States
*******************************/
/*--------------
    Visible
---------------*/
message.visible,
messages.visible {
  display: block;
}
message.icon.visible,
messages.icon.visible {
  display: flex;
}
/*--------------
     Hidden
---------------*/
message.hidden,
messages.hidden {
  display: none;
}
/*******************************
            Variations
*******************************/
/*--------------
    Compact
---------------*/
message.compact,
messages.compact {
  display: inline-block;
}
/*--------------
      Icon
---------------*/
message.icon,
messages.icon {
  display: flex;
  width: 100%;
  align-items: center;
}
message.icon > .icon:not(.close),
messages.icon > .icon:not(.close) {
  display: block;
  flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8;
}
message.icon > .content,
messages.icon > .content {
  display: block;
  flex: 1 1 auto;
  vertical-align: middle;
}
message.icon .icon:not(.close) + .content,
messages.icon .icon:not(.close) + .content {
  padding-left: 0rem;
}
message.icon .circular.icon,
messages.icon .circular.icon {
  width: 1em;
}
/*--------------
     Types
---------------*/
/* Info */
message.info,
messages.info {
  background-color: #f8ffff;
  color: #276f86;
}
message.info,
messages.info,
message.attached.info,
messages.attached.info {
  box-shadow: 0px 0px 0px 1px #a9d5de inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
message.info .header,
messages.info .header {
  color: #0e566c;
}
/* Warning */
message.warning,
messages.warning {
  background-color: #fffaf3;
  color: #573a08;
}
message.warning,
messages.warning,
message.attached.warning,
messages.attached.warning {
  box-shadow: 0px 0px 0px 1px #c9ba9b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
message.warning .header,
messages.warning .header {
  color: #794b02;
}
/* Error */
message.error,
messages.error {
  background-color: #fff6f6;
  color: #9f3a38;
}
message.error,
messages.error,
message.attached.error,
messages.attached.error {
  box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
message.error .header,
messages.error .header {
  color: #912d2b;
}
/* Success */
message.success,
messages.success {
  background-color: #fcfff5;
  color: #2c662d;
}
message.success,
messages.success,
message.attached.success,
messages.attached.success {
  box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
message.success .header,
messages.success .header {
  color: #1a531b;
}
/*--------------
     Sizes
---------------*/
message,
messages {
  font-size: 1em;
}
message.mini,
messages.mini {
  font-size: 0.71428571em;
}
message.tiny,
messages.tiny {
  font-size: 0.85714286em;
}
message.small,
messages.small {
  font-size: 0.92857143em;
}
message.large,
messages.large {
  font-size: 1.14285714em;
}
message.big,
messages.big {
  font-size: 1.28571429em;
}
message.huge,
messages.huge {
  font-size: 1.42857143em;
}
message.massive,
messages.massive {
  font-size: 1.71428571em;
}
messages {
  width: 100%;
}
/*--------------------
   Types of Messages
---------------------*/
.form messages,
.form message.info,
.form message.warning,
.form message.error {
  display: none;
}
/* Assumptions */
.form message:first-child {
  margin-top: 0px;
}
/*--------------------
        Info
---------------------*/
/* On Form */
.form.success message.info:not(:empty),
.form.success messages.info:not(:empty) {
  display: block;
}
.form.success message.icon.success:not(:empty),
.form.success messages.icon.success:not(:empty) {
  display: flex;
}
/*--------------------
        Warning
---------------------*/
/* On Form */
.form.warning message.warning:not(:empty),
.form.warning messages.warning:not(:empty) {
  display: block;
}
.form.warning message.icon.warning:not(:empty),
.form.warning messages.icon.warning:not(:empty) {
  display: flex;
}
/*--------------------
        Error
---------------------*/
/* On Form */
.form.error message.error:not(:empty),
.form.error messages.error:not(:empty) {
  display: block;
}
.form.error message.icon.error:not(:empty) .form.error messages.icon.error:not(:empty) {
  display: flex;
}
/* On Field(s) */
.form fields.error field label,
.form field.error label,
.form fields.error field .input,
.form field.error input {
  color: #9f3a38;
}
.form fields.error field .corner.label,
.form field.error .corner.label {
  border-color: #9f3a38;
  color: #ffffff;
}
/*--------------------
       Disabled
---------------------*/
.form fields.disabled field,
.form field.disabled,
.form field :disabled {
  pointer-events: none;
  opacity: 0.45;
}
.form field.disabled label {
  opacity: 0.45;
}
.form field.disabled :disabled {
  opacity: 1;
}
/*--------------
    Loading
---------------*/
.loading.form {
  position: relative;
  cursor: default;
  point-events: none;
}
.loading.form:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.loading.form:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: form-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@keyframes form-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  *zoom: 1;
  margin: 0;
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
  display: table;
  content: "";
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li,
[class*="block-grid-"] > .item {
  display: block;
  float: left;
  height: auto;
}
[class*="block-grid-"] > li,
[class*="block-grid-"] > .item {
  padding: 0 0rem 0rem;
}
@media only screen {
  .small-block-grid-1 > li,
  .small-block-grid-1 > .item {
    list-style: none;
    width: 100%;
  }
  .small-block-grid-1 > li:nth-of-type(1n),
  .small-block-grid-1 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n + 1),
  .small-block-grid-1 > .item:nth-of-type(1n + 1) {
    clear: both;
  }
  .small-block-grid-2 > li,
  .small-block-grid-2 > .item {
    list-style: none;
    width: 50%;
  }
  .small-block-grid-2 > li:nth-of-type(1n),
  .small-block-grid-2 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n + 1),
  .small-block-grid-2 > .item:nth-of-type(2n + 1) {
    clear: both;
  }
  .small-block-grid-3 > li,
  .small-block-grid-3 > .item {
    list-style: none;
    width: 33.33333333%;
  }
  .small-block-grid-3 > li:nth-of-type(1n),
  .small-block-grid-3 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n + 1),
  .small-block-grid-3 > .item:nth-of-type(3n + 1) {
    clear: both;
  }
  .small-block-grid-4 > li,
  .small-block-grid-4 > .item {
    list-style: none;
    width: 25%;
  }
  .small-block-grid-4 > li:nth-of-type(1n),
  .small-block-grid-4 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n + 1),
  .small-block-grid-4 > .item:nth-of-type(4n + 1) {
    clear: both;
  }
  .small-block-grid-5 > li,
  .small-block-grid-5 > .item {
    list-style: none;
    width: 20%;
  }
  .small-block-grid-5 > li:nth-of-type(1n),
  .small-block-grid-5 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n + 1),
  .small-block-grid-5 > .item:nth-of-type(5n + 1) {
    clear: both;
  }
  .small-block-grid-6 > li,
  .small-block-grid-6 > .item {
    list-style: none;
    width: 16.66666667%;
  }
  .small-block-grid-6 > li:nth-of-type(1n),
  .small-block-grid-6 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n + 1),
  .small-block-grid-6 > .item:nth-of-type(6n + 1) {
    clear: both;
  }
  .small-block-grid-7 > li,
  .small-block-grid-7 > .item {
    list-style: none;
    width: 14.28571429%;
  }
  .small-block-grid-7 > li:nth-of-type(1n),
  .small-block-grid-7 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n + 1),
  .small-block-grid-7 > .item:nth-of-type(7n + 1) {
    clear: both;
  }
  .small-block-grid-8 > li,
  .small-block-grid-8 > .item {
    list-style: none;
    width: 12.5%;
  }
  .small-block-grid-8 > li:nth-of-type(1n),
  .small-block-grid-8 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n + 1),
  .small-block-grid-8 > .item:nth-of-type(8n + 1) {
    clear: both;
  }
  .small-block-grid-9 > li,
  .small-block-grid-9 > .item {
    list-style: none;
    width: 11.11111111%;
  }
  .small-block-grid-9 > li:nth-of-type(1n),
  .small-block-grid-9 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n + 1),
  .small-block-grid-9 > .item:nth-of-type(9n + 1) {
    clear: both;
  }
  .small-block-grid-10 > li,
  .small-block-grid-10 > .item {
    list-style: none;
    width: 10%;
  }
  .small-block-grid-10 > li:nth-of-type(1n),
  .small-block-grid-10 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n + 1),
  .small-block-grid-10 > .item:nth-of-type(10n + 1) {
    clear: both;
  }
  .small-block-grid-11 > li,
  .small-block-grid-11 > .item {
    list-style: none;
    width: 9.09090909%;
  }
  .small-block-grid-11 > li:nth-of-type(1n),
  .small-block-grid-11 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n + 1),
  .small-block-grid-11 > .item:nth-of-type(11n + 1) {
    clear: both;
  }
  .small-block-grid-12 > li,
  .small-block-grid-12 > .item {
    list-style: none;
    width: 8.33333333%;
  }
  .small-block-grid-12 > li:nth-of-type(1n),
  .small-block-grid-12 > .item:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n + 1),
  .small-block-grid-12 > .item:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 42.5625em ) {
  .medium-block-grid-1 > li,
  .medium-block-grid-1 > .item {
    list-style: none;
    width: 100%;
  }
  .medium-block-grid-1 > li:nth-of-type(1n),
  .medium-block-grid-1 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n + 1),
  .medium-block-grid-1 > .item:nth-of-type(1n + 1) {
    clear: both;
  }
  .medium-block-grid-2 > li,
  .medium-block-grid-2 > .item {
    list-style: none;
    width: 50%;
  }
  .medium-block-grid-2 > li:nth-of-type(1n),
  .medium-block-grid-2 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n + 1),
  .medium-block-grid-2 > .item:nth-of-type(2n + 1) {
    clear: both;
  }
  .medium-block-grid-3 > li,
  .medium-block-grid-3 > .item {
    list-style: none;
    width: 33.33333333%;
  }
  .medium-block-grid-3 > li:nth-of-type(1n),
  .medium-block-grid-3 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n + 1),
  .medium-block-grid-3 > .item:nth-of-type(3n + 1) {
    clear: both;
  }
  .medium-block-grid-4 > li,
  .medium-block-grid-4 > .item {
    list-style: none;
    width: 25%;
  }
  .medium-block-grid-4 > li:nth-of-type(1n),
  .medium-block-grid-4 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n + 1),
  .medium-block-grid-4 > .item:nth-of-type(4n + 1) {
    clear: both;
  }
  .medium-block-grid-5 > li,
  .medium-block-grid-5 > .item {
    list-style: none;
    width: 20%;
  }
  .medium-block-grid-5 > li:nth-of-type(1n),
  .medium-block-grid-5 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n + 1),
  .medium-block-grid-5 > .item:nth-of-type(5n + 1) {
    clear: both;
  }
  .medium-block-grid-6 > li,
  .medium-block-grid-6 > .item {
    list-style: none;
    width: 16.66666667%;
  }
  .medium-block-grid-6 > li:nth-of-type(1n),
  .medium-block-grid-6 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n + 1),
  .medium-block-grid-6 > .item:nth-of-type(6n + 1) {
    clear: both;
  }
  .medium-block-grid-7 > li,
  .medium-block-grid-7 > .item {
    list-style: none;
    width: 14.28571429%;
  }
  .medium-block-grid-7 > li:nth-of-type(1n),
  .medium-block-grid-7 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n + 1),
  .medium-block-grid-7 > .item:nth-of-type(7n + 1) {
    clear: both;
  }
  .medium-block-grid-8 > li,
  .medium-block-grid-8 > .item {
    list-style: none;
    width: 12.5%;
  }
  .medium-block-grid-8 > li:nth-of-type(1n),
  .medium-block-grid-8 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n + 1),
  .medium-block-grid-8 > .item:nth-of-type(8n + 1) {
    clear: both;
  }
  .medium-block-grid-9 > li,
  .medium-block-grid-9 > .item {
    list-style: none;
    width: 11.11111111%;
  }
  .medium-block-grid-9 > li:nth-of-type(1n),
  .medium-block-grid-9 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n + 1),
  .medium-block-grid-9 > .item:nth-of-type(9n + 1) {
    clear: both;
  }
  .medium-block-grid-10 > li,
  .medium-block-grid-10 > .item {
    list-style: none;
    width: 10%;
  }
  .medium-block-grid-10 > li:nth-of-type(1n),
  .medium-block-grid-10 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n + 1),
  .medium-block-grid-10 > .item:nth-of-type(10n + 1) {
    clear: both;
  }
  .medium-block-grid-11 > li,
  .medium-block-grid-11 > .item {
    list-style: none;
    width: 9.09090909%;
  }
  .medium-block-grid-11 > li:nth-of-type(1n),
  .medium-block-grid-11 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n + 1),
  .medium-block-grid-11 > .item:nth-of-type(11n + 1) {
    clear: both;
  }
  .medium-block-grid-12 > li,
  .medium-block-grid-12 > .item {
    list-style: none;
    width: 8.33333333%;
  }
  .medium-block-grid-12 > li:nth-of-type(1n),
  .medium-block-grid-12 > .item:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n + 1),
  .medium-block-grid-12 > .item:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 64.0625em ) {
  .large-block-grid-1 > li,
  .large-block-grid-1 > .item {
    list-style: none;
    width: 100%;
  }
  .large-block-grid-1 > li:nth-of-type(1n),
  .large-block-grid-1 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n + 1),
  .large-block-grid-1 > .item:nth-of-type(1n + 1) {
    clear: both;
  }
  .large-block-grid-2 > li,
  .large-block-grid-2 > .item {
    list-style: none;
    width: 50%;
  }
  .large-block-grid-2 > li:nth-of-type(1n),
  .large-block-grid-2 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n + 1),
  .large-block-grid-2 > .item:nth-of-type(2n + 1) {
    clear: both;
  }
  .large-block-grid-3 > li,
  .large-block-grid-3 > .item {
    list-style: none;
    width: 33.33333333%;
  }
  .large-block-grid-3 > li:nth-of-type(1n),
  .large-block-grid-3 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n + 1),
  .large-block-grid-3 > .item:nth-of-type(3n + 1) {
    clear: both;
  }
  .large-block-grid-4 > li,
  .large-block-grid-4 > .item {
    list-style: none;
    width: 25%;
  }
  .large-block-grid-4 > li:nth-of-type(1n),
  .large-block-grid-4 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n + 1),
  .large-block-grid-4 > .item:nth-of-type(4n + 1) {
    clear: both;
  }
  .large-block-grid-5 > li,
  .large-block-grid-5 > .item {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n),
  .large-block-grid-5 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n + 1),
  .large-block-grid-5 > .item:nth-of-type(5n + 1) {
    clear: both;
  }
  .large-block-grid-6 > li,
  .large-block-grid-6 > .item {
    list-style: none;
    width: 16.66666667%;
  }
  .large-block-grid-6 > li:nth-of-type(1n),
  .large-block-grid-6 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n + 1),
  .large-block-grid-6 > .item:nth-of-type(6n + 1) {
    clear: both;
  }
  .large-block-grid-7 > li,
  .large-block-grid-7 > .item {
    list-style: none;
    width: 14.28571429%;
  }
  .large-block-grid-7 > li:nth-of-type(1n),
  .large-block-grid-7 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n + 1),
  .large-block-grid-7 > .item:nth-of-type(7n + 1) {
    clear: both;
  }
  .large-block-grid-8 > li,
  .large-block-grid-8 > .item {
    list-style: none;
    width: 12.5%;
  }
  .large-block-grid-8 > li:nth-of-type(1n),
  .large-block-grid-8 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n + 1),
  .large-block-grid-8 > .item:nth-of-type(8n + 1) {
    clear: both;
  }
  .large-block-grid-9 > li,
  .large-block-grid-9 > .item {
    list-style: none;
    width: 11.11111111%;
  }
  .large-block-grid-9 > li:nth-of-type(1n),
  .large-block-grid-9 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n + 1),
  .large-block-grid-9 > .item:nth-of-type(9n + 1) {
    clear: both;
  }
  .large-block-grid-10 > li,
  .large-block-grid-10 > .item {
    list-style: none;
    width: 10%;
  }
  .large-block-grid-10 > li:nth-of-type(1n),
  .large-block-grid-10 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n + 1),
  .large-block-grid-10 > .item:nth-of-type(10n + 1) {
    clear: both;
  }
  .large-block-grid-11 > li,
  .large-block-grid-11 > .item {
    list-style: none;
    width: 9.09090909%;
  }
  .large-block-grid-11 > li:nth-of-type(1n),
  .large-block-grid-11 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n + 1),
  .large-block-grid-11 > .item:nth-of-type(11n + 1) {
    clear: both;
  }
  .large-block-grid-12 > li,
  .large-block-grid-12 > .item {
    list-style: none;
    width: 8.33333333%;
  }
  .large-block-grid-12 > li:nth-of-type(1n),
  .large-block-grid-12 > .item:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n + 1),
  .large-block-grid-12 > .item:nth-of-type(12n + 1) {
    clear: both;
  }
}

.block-layout {
  display: block;
  padding: 0;
  *zoom: 1;
}
.block-layout:before,
.block-layout:after {
  display: table;
  content: "";
}
.block-layout:after {
  clear: both;
}
.block-layout > .item,
.block-layout > item {
  display: block;
  float: left;
  height: auto;
}
@media only screen {
  blocks > item {
    display: block;
    float: left;
    height: auto;
  }
  blocks.small-cols-1 > .item,
  blocks.small-cols-1 > item {
    list-style: none;
    width: 100%;
  }
  blocks.small-cols-1 > .item:nth-of-type(1n),
  blocks.small-cols-1 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-1 > .item:nth-of-type(1n + 1),
  blocks.small-cols-1 > item:nth-of-type(1n + 1) {
    clear: both;
  }
  blocks.small-cols-2 > .item,
  blocks.small-cols-2 > item {
    list-style: none;
    width: 50%;
  }
  blocks.small-cols-2 > .item:nth-of-type(1n),
  blocks.small-cols-2 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-2 > .item:nth-of-type(2n + 1),
  blocks.small-cols-2 > item:nth-of-type(2n + 1) {
    clear: both;
  }
  blocks.small-cols-3 > .item,
  blocks.small-cols-3 > item {
    list-style: none;
    width: 33.33333333%;
  }
  blocks.small-cols-3 > .item:nth-of-type(1n),
  blocks.small-cols-3 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-3 > .item:nth-of-type(3n + 1),
  blocks.small-cols-3 > item:nth-of-type(3n + 1) {
    clear: both;
  }
  blocks.small-cols-4 > .item,
  blocks.small-cols-4 > item {
    list-style: none;
    width: 25%;
  }
  blocks.small-cols-4 > .item:nth-of-type(1n),
  blocks.small-cols-4 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-4 > .item:nth-of-type(4n + 1),
  blocks.small-cols-4 > item:nth-of-type(4n + 1) {
    clear: both;
  }
  blocks.small-cols-5 > .item,
  blocks.small-cols-5 > item {
    list-style: none;
    width: 20%;
  }
  blocks.small-cols-5 > .item:nth-of-type(1n),
  blocks.small-cols-5 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-5 > .item:nth-of-type(5n + 1),
  blocks.small-cols-5 > item:nth-of-type(5n + 1) {
    clear: both;
  }
  blocks.small-cols-6 > .item,
  blocks.small-cols-6 > item {
    list-style: none;
    width: 16.66666667%;
  }
  blocks.small-cols-6 > .item:nth-of-type(1n),
  blocks.small-cols-6 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-6 > .item:nth-of-type(6n + 1),
  blocks.small-cols-6 > item:nth-of-type(6n + 1) {
    clear: both;
  }
  blocks.small-cols-7 > .item,
  blocks.small-cols-7 > item {
    list-style: none;
    width: 14.28571429%;
  }
  blocks.small-cols-7 > .item:nth-of-type(1n),
  blocks.small-cols-7 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-7 > .item:nth-of-type(7n + 1),
  blocks.small-cols-7 > item:nth-of-type(7n + 1) {
    clear: both;
  }
  blocks.small-cols-8 > .item,
  blocks.small-cols-8 > item {
    list-style: none;
    width: 12.5%;
  }
  blocks.small-cols-8 > .item:nth-of-type(1n),
  blocks.small-cols-8 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-8 > .item:nth-of-type(8n + 1),
  blocks.small-cols-8 > item:nth-of-type(8n + 1) {
    clear: both;
  }
  blocks.small-cols-9 > .item,
  blocks.small-cols-9 > item {
    list-style: none;
    width: 11.11111111%;
  }
  blocks.small-cols-9 > .item:nth-of-type(1n),
  blocks.small-cols-9 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-9 > .item:nth-of-type(9n + 1),
  blocks.small-cols-9 > item:nth-of-type(9n + 1) {
    clear: both;
  }
  blocks.small-cols-10 > .item,
  blocks.small-cols-10 > item {
    list-style: none;
    width: 10%;
  }
  blocks.small-cols-10 > .item:nth-of-type(1n),
  blocks.small-cols-10 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-10 > .item:nth-of-type(10n + 1),
  blocks.small-cols-10 > item:nth-of-type(10n + 1) {
    clear: both;
  }
  blocks.small-cols-11 > .item,
  blocks.small-cols-11 > item {
    list-style: none;
    width: 9.09090909%;
  }
  blocks.small-cols-11 > .item:nth-of-type(1n),
  blocks.small-cols-11 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-11 > .item:nth-of-type(11n + 1),
  blocks.small-cols-11 > item:nth-of-type(11n + 1) {
    clear: both;
  }
  blocks.small-cols-12 > .item,
  blocks.small-cols-12 > item {
    list-style: none;
    width: 8.33333333%;
  }
  blocks.small-cols-12 > .item:nth-of-type(1n),
  blocks.small-cols-12 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.small-cols-12 > .item:nth-of-type(12n + 1),
  blocks.small-cols-12 > item:nth-of-type(12n + 1) {
    clear: both;
  }
  .block-layout {
    display: block;
    width: 100%;
  }
  .block-layout.small-cols-1 > .item,
  .block-layout.small-cols-1 > item {
    list-style: none;
    width: 100%;
  }
  .block-layout.small-cols-1 > .item:nth-of-type(1n),
  .block-layout.small-cols-1 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-1 > .item:nth-of-type(1n + 1),
  .block-layout.small-cols-1 > item:nth-of-type(1n + 1) {
    clear: both;
  }
  .block-layout.small-cols-2 > .item,
  .block-layout.small-cols-2 > item {
    list-style: none;
    width: 50%;
  }
  .block-layout.small-cols-2 > .item:nth-of-type(1n),
  .block-layout.small-cols-2 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-2 > .item:nth-of-type(2n + 1),
  .block-layout.small-cols-2 > item:nth-of-type(2n + 1) {
    clear: both;
  }
  .block-layout.small-cols-3 > .item,
  .block-layout.small-cols-3 > item {
    list-style: none;
    width: 33.33333333%;
  }
  .block-layout.small-cols-3 > .item:nth-of-type(1n),
  .block-layout.small-cols-3 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-3 > .item:nth-of-type(3n + 1),
  .block-layout.small-cols-3 > item:nth-of-type(3n + 1) {
    clear: both;
  }
  .block-layout.small-cols-4 > .item,
  .block-layout.small-cols-4 > item {
    list-style: none;
    width: 25%;
  }
  .block-layout.small-cols-4 > .item:nth-of-type(1n),
  .block-layout.small-cols-4 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-4 > .item:nth-of-type(4n + 1),
  .block-layout.small-cols-4 > item:nth-of-type(4n + 1) {
    clear: both;
  }
  .block-layout.small-cols-5 > .item,
  .block-layout.small-cols-5 > item {
    list-style: none;
    width: 20%;
  }
  .block-layout.small-cols-5 > .item:nth-of-type(1n),
  .block-layout.small-cols-5 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-5 > .item:nth-of-type(5n + 1),
  .block-layout.small-cols-5 > item:nth-of-type(5n + 1) {
    clear: both;
  }
  .block-layout.small-cols-6 > .item,
  .block-layout.small-cols-6 > item {
    list-style: none;
    width: 16.66666667%;
  }
  .block-layout.small-cols-6 > .item:nth-of-type(1n),
  .block-layout.small-cols-6 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-6 > .item:nth-of-type(6n + 1),
  .block-layout.small-cols-6 > item:nth-of-type(6n + 1) {
    clear: both;
  }
  .block-layout.small-cols-7 > .item,
  .block-layout.small-cols-7 > item {
    list-style: none;
    width: 14.28571429%;
  }
  .block-layout.small-cols-7 > .item:nth-of-type(1n),
  .block-layout.small-cols-7 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-7 > .item:nth-of-type(7n + 1),
  .block-layout.small-cols-7 > item:nth-of-type(7n + 1) {
    clear: both;
  }
  .block-layout.small-cols-8 > .item,
  .block-layout.small-cols-8 > item {
    list-style: none;
    width: 12.5%;
  }
  .block-layout.small-cols-8 > .item:nth-of-type(1n),
  .block-layout.small-cols-8 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-8 > .item:nth-of-type(8n + 1),
  .block-layout.small-cols-8 > item:nth-of-type(8n + 1) {
    clear: both;
  }
  .block-layout.small-cols-9 > .item,
  .block-layout.small-cols-9 > item {
    list-style: none;
    width: 11.11111111%;
  }
  .block-layout.small-cols-9 > .item:nth-of-type(1n),
  .block-layout.small-cols-9 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-9 > .item:nth-of-type(9n + 1),
  .block-layout.small-cols-9 > item:nth-of-type(9n + 1) {
    clear: both;
  }
  .block-layout.small-cols-10 > .item,
  .block-layout.small-cols-10 > item {
    list-style: none;
    width: 10%;
  }
  .block-layout.small-cols-10 > .item:nth-of-type(1n),
  .block-layout.small-cols-10 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-10 > .item:nth-of-type(10n + 1),
  .block-layout.small-cols-10 > item:nth-of-type(10n + 1) {
    clear: both;
  }
  .block-layout.small-cols-11 > .item,
  .block-layout.small-cols-11 > item {
    list-style: none;
    width: 9.09090909%;
  }
  .block-layout.small-cols-11 > .item:nth-of-type(1n),
  .block-layout.small-cols-11 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-11 > .item:nth-of-type(11n + 1),
  .block-layout.small-cols-11 > item:nth-of-type(11n + 1) {
    clear: both;
  }
  .block-layout.small-cols-12 > .item,
  .block-layout.small-cols-12 > item {
    list-style: none;
    width: 8.33333333%;
  }
  .block-layout.small-cols-12 > .item:nth-of-type(1n),
  .block-layout.small-cols-12 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.small-cols-12 > .item:nth-of-type(12n + 1),
  .block-layout.small-cols-12 > item:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 42.5625em ) {
  blocks > item {
    display: block;
    float: left;
    height: auto;
  }
  blocks.medium-cols-1 > .item,
  blocks.medium-cols-1 > item {
    list-style: none;
    width: 100%;
  }
  blocks.medium-cols-1 > .item:nth-of-type(1n),
  blocks.medium-cols-1 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-1 > .item:nth-of-type(1n + 1),
  blocks.medium-cols-1 > item:nth-of-type(1n + 1) {
    clear: both;
  }
  blocks.medium-cols-2 > .item,
  blocks.medium-cols-2 > item {
    list-style: none;
    width: 50%;
  }
  blocks.medium-cols-2 > .item:nth-of-type(1n),
  blocks.medium-cols-2 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-2 > .item:nth-of-type(2n + 1),
  blocks.medium-cols-2 > item:nth-of-type(2n + 1) {
    clear: both;
  }
  blocks.medium-cols-3 > .item,
  blocks.medium-cols-3 > item {
    list-style: none;
    width: 33.33333333%;
  }
  blocks.medium-cols-3 > .item:nth-of-type(1n),
  blocks.medium-cols-3 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-3 > .item:nth-of-type(3n + 1),
  blocks.medium-cols-3 > item:nth-of-type(3n + 1) {
    clear: both;
  }
  blocks.medium-cols-4 > .item,
  blocks.medium-cols-4 > item {
    list-style: none;
    width: 25%;
  }
  blocks.medium-cols-4 > .item:nth-of-type(1n),
  blocks.medium-cols-4 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-4 > .item:nth-of-type(4n + 1),
  blocks.medium-cols-4 > item:nth-of-type(4n + 1) {
    clear: both;
  }
  blocks.medium-cols-5 > .item,
  blocks.medium-cols-5 > item {
    list-style: none;
    width: 20%;
  }
  blocks.medium-cols-5 > .item:nth-of-type(1n),
  blocks.medium-cols-5 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-5 > .item:nth-of-type(5n + 1),
  blocks.medium-cols-5 > item:nth-of-type(5n + 1) {
    clear: both;
  }
  blocks.medium-cols-6 > .item,
  blocks.medium-cols-6 > item {
    list-style: none;
    width: 16.66666667%;
  }
  blocks.medium-cols-6 > .item:nth-of-type(1n),
  blocks.medium-cols-6 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-6 > .item:nth-of-type(6n + 1),
  blocks.medium-cols-6 > item:nth-of-type(6n + 1) {
    clear: both;
  }
  blocks.medium-cols-7 > .item,
  blocks.medium-cols-7 > item {
    list-style: none;
    width: 14.28571429%;
  }
  blocks.medium-cols-7 > .item:nth-of-type(1n),
  blocks.medium-cols-7 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-7 > .item:nth-of-type(7n + 1),
  blocks.medium-cols-7 > item:nth-of-type(7n + 1) {
    clear: both;
  }
  blocks.medium-cols-8 > .item,
  blocks.medium-cols-8 > item {
    list-style: none;
    width: 12.5%;
  }
  blocks.medium-cols-8 > .item:nth-of-type(1n),
  blocks.medium-cols-8 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-8 > .item:nth-of-type(8n + 1),
  blocks.medium-cols-8 > item:nth-of-type(8n + 1) {
    clear: both;
  }
  blocks.medium-cols-9 > .item,
  blocks.medium-cols-9 > item {
    list-style: none;
    width: 11.11111111%;
  }
  blocks.medium-cols-9 > .item:nth-of-type(1n),
  blocks.medium-cols-9 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-9 > .item:nth-of-type(9n + 1),
  blocks.medium-cols-9 > item:nth-of-type(9n + 1) {
    clear: both;
  }
  blocks.medium-cols-10 > .item,
  blocks.medium-cols-10 > item {
    list-style: none;
    width: 10%;
  }
  blocks.medium-cols-10 > .item:nth-of-type(1n),
  blocks.medium-cols-10 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-10 > .item:nth-of-type(10n + 1),
  blocks.medium-cols-10 > item:nth-of-type(10n + 1) {
    clear: both;
  }
  blocks.medium-cols-11 > .item,
  blocks.medium-cols-11 > item {
    list-style: none;
    width: 9.09090909%;
  }
  blocks.medium-cols-11 > .item:nth-of-type(1n),
  blocks.medium-cols-11 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-11 > .item:nth-of-type(11n + 1),
  blocks.medium-cols-11 > item:nth-of-type(11n + 1) {
    clear: both;
  }
  blocks.medium-cols-12 > .item,
  blocks.medium-cols-12 > item {
    list-style: none;
    width: 8.33333333%;
  }
  blocks.medium-cols-12 > .item:nth-of-type(1n),
  blocks.medium-cols-12 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.medium-cols-12 > .item:nth-of-type(12n + 1),
  blocks.medium-cols-12 > item:nth-of-type(12n + 1) {
    clear: both;
  }
  .block-layout {
    display: block;
    width: 100%;
  }
  .block-layout.medium-cols-1 > .item,
  .block-layout.medium-cols-1 > item {
    list-style: none;
    width: 100%;
  }
  .block-layout.medium-cols-1 > .item:nth-of-type(1n),
  .block-layout.medium-cols-1 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-1 > .item:nth-of-type(1n + 1),
  .block-layout.medium-cols-1 > item:nth-of-type(1n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-2 > .item,
  .block-layout.medium-cols-2 > item {
    list-style: none;
    width: 50%;
  }
  .block-layout.medium-cols-2 > .item:nth-of-type(1n),
  .block-layout.medium-cols-2 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-2 > .item:nth-of-type(2n + 1),
  .block-layout.medium-cols-2 > item:nth-of-type(2n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-3 > .item,
  .block-layout.medium-cols-3 > item {
    list-style: none;
    width: 33.33333333%;
  }
  .block-layout.medium-cols-3 > .item:nth-of-type(1n),
  .block-layout.medium-cols-3 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-3 > .item:nth-of-type(3n + 1),
  .block-layout.medium-cols-3 > item:nth-of-type(3n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-4 > .item,
  .block-layout.medium-cols-4 > item {
    list-style: none;
    width: 25%;
  }
  .block-layout.medium-cols-4 > .item:nth-of-type(1n),
  .block-layout.medium-cols-4 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-4 > .item:nth-of-type(4n + 1),
  .block-layout.medium-cols-4 > item:nth-of-type(4n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-5 > .item,
  .block-layout.medium-cols-5 > item {
    list-style: none;
    width: 20%;
  }
  .block-layout.medium-cols-5 > .item:nth-of-type(1n),
  .block-layout.medium-cols-5 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-5 > .item:nth-of-type(5n + 1),
  .block-layout.medium-cols-5 > item:nth-of-type(5n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-6 > .item,
  .block-layout.medium-cols-6 > item {
    list-style: none;
    width: 16.66666667%;
  }
  .block-layout.medium-cols-6 > .item:nth-of-type(1n),
  .block-layout.medium-cols-6 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-6 > .item:nth-of-type(6n + 1),
  .block-layout.medium-cols-6 > item:nth-of-type(6n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-7 > .item,
  .block-layout.medium-cols-7 > item {
    list-style: none;
    width: 14.28571429%;
  }
  .block-layout.medium-cols-7 > .item:nth-of-type(1n),
  .block-layout.medium-cols-7 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-7 > .item:nth-of-type(7n + 1),
  .block-layout.medium-cols-7 > item:nth-of-type(7n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-8 > .item,
  .block-layout.medium-cols-8 > item {
    list-style: none;
    width: 12.5%;
  }
  .block-layout.medium-cols-8 > .item:nth-of-type(1n),
  .block-layout.medium-cols-8 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-8 > .item:nth-of-type(8n + 1),
  .block-layout.medium-cols-8 > item:nth-of-type(8n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-9 > .item,
  .block-layout.medium-cols-9 > item {
    list-style: none;
    width: 11.11111111%;
  }
  .block-layout.medium-cols-9 > .item:nth-of-type(1n),
  .block-layout.medium-cols-9 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-9 > .item:nth-of-type(9n + 1),
  .block-layout.medium-cols-9 > item:nth-of-type(9n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-10 > .item,
  .block-layout.medium-cols-10 > item {
    list-style: none;
    width: 10%;
  }
  .block-layout.medium-cols-10 > .item:nth-of-type(1n),
  .block-layout.medium-cols-10 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-10 > .item:nth-of-type(10n + 1),
  .block-layout.medium-cols-10 > item:nth-of-type(10n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-11 > .item,
  .block-layout.medium-cols-11 > item {
    list-style: none;
    width: 9.09090909%;
  }
  .block-layout.medium-cols-11 > .item:nth-of-type(1n),
  .block-layout.medium-cols-11 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-11 > .item:nth-of-type(11n + 1),
  .block-layout.medium-cols-11 > item:nth-of-type(11n + 1) {
    clear: both;
  }
  .block-layout.medium-cols-12 > .item,
  .block-layout.medium-cols-12 > item {
    list-style: none;
    width: 8.33333333%;
  }
  .block-layout.medium-cols-12 > .item:nth-of-type(1n),
  .block-layout.medium-cols-12 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.medium-cols-12 > .item:nth-of-type(12n + 1),
  .block-layout.medium-cols-12 > item:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 64.0625em ) {
  blocks > item {
    display: block;
    float: left;
    height: auto;
  }
  blocks.large-cols-1 > .item,
  blocks.large-cols-1 > item {
    list-style: none;
    width: 100%;
  }
  blocks.large-cols-1 > .item:nth-of-type(1n),
  blocks.large-cols-1 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-1 > .item:nth-of-type(1n + 1),
  blocks.large-cols-1 > item:nth-of-type(1n + 1) {
    clear: both;
  }
  blocks.large-cols-2 > .item,
  blocks.large-cols-2 > item {
    list-style: none;
    width: 50%;
  }
  blocks.large-cols-2 > .item:nth-of-type(1n),
  blocks.large-cols-2 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-2 > .item:nth-of-type(2n + 1),
  blocks.large-cols-2 > item:nth-of-type(2n + 1) {
    clear: both;
  }
  blocks.large-cols-3 > .item,
  blocks.large-cols-3 > item {
    list-style: none;
    width: 33.33333333%;
  }
  blocks.large-cols-3 > .item:nth-of-type(1n),
  blocks.large-cols-3 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-3 > .item:nth-of-type(3n + 1),
  blocks.large-cols-3 > item:nth-of-type(3n + 1) {
    clear: both;
  }
  blocks.large-cols-4 > .item,
  blocks.large-cols-4 > item {
    list-style: none;
    width: 25%;
  }
  blocks.large-cols-4 > .item:nth-of-type(1n),
  blocks.large-cols-4 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-4 > .item:nth-of-type(4n + 1),
  blocks.large-cols-4 > item:nth-of-type(4n + 1) {
    clear: both;
  }
  blocks.large-cols-5 > .item,
  blocks.large-cols-5 > item {
    list-style: none;
    width: 20%;
  }
  blocks.large-cols-5 > .item:nth-of-type(1n),
  blocks.large-cols-5 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-5 > .item:nth-of-type(5n + 1),
  blocks.large-cols-5 > item:nth-of-type(5n + 1) {
    clear: both;
  }
  blocks.large-cols-6 > .item,
  blocks.large-cols-6 > item {
    list-style: none;
    width: 16.66666667%;
  }
  blocks.large-cols-6 > .item:nth-of-type(1n),
  blocks.large-cols-6 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-6 > .item:nth-of-type(6n + 1),
  blocks.large-cols-6 > item:nth-of-type(6n + 1) {
    clear: both;
  }
  blocks.large-cols-7 > .item,
  blocks.large-cols-7 > item {
    list-style: none;
    width: 14.28571429%;
  }
  blocks.large-cols-7 > .item:nth-of-type(1n),
  blocks.large-cols-7 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-7 > .item:nth-of-type(7n + 1),
  blocks.large-cols-7 > item:nth-of-type(7n + 1) {
    clear: both;
  }
  blocks.large-cols-8 > .item,
  blocks.large-cols-8 > item {
    list-style: none;
    width: 12.5%;
  }
  blocks.large-cols-8 > .item:nth-of-type(1n),
  blocks.large-cols-8 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-8 > .item:nth-of-type(8n + 1),
  blocks.large-cols-8 > item:nth-of-type(8n + 1) {
    clear: both;
  }
  blocks.large-cols-9 > .item,
  blocks.large-cols-9 > item {
    list-style: none;
    width: 11.11111111%;
  }
  blocks.large-cols-9 > .item:nth-of-type(1n),
  blocks.large-cols-9 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-9 > .item:nth-of-type(9n + 1),
  blocks.large-cols-9 > item:nth-of-type(9n + 1) {
    clear: both;
  }
  blocks.large-cols-10 > .item,
  blocks.large-cols-10 > item {
    list-style: none;
    width: 10%;
  }
  blocks.large-cols-10 > .item:nth-of-type(1n),
  blocks.large-cols-10 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-10 > .item:nth-of-type(10n + 1),
  blocks.large-cols-10 > item:nth-of-type(10n + 1) {
    clear: both;
  }
  blocks.large-cols-11 > .item,
  blocks.large-cols-11 > item {
    list-style: none;
    width: 9.09090909%;
  }
  blocks.large-cols-11 > .item:nth-of-type(1n),
  blocks.large-cols-11 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-11 > .item:nth-of-type(11n + 1),
  blocks.large-cols-11 > item:nth-of-type(11n + 1) {
    clear: both;
  }
  blocks.large-cols-12 > .item,
  blocks.large-cols-12 > item {
    list-style: none;
    width: 8.33333333%;
  }
  blocks.large-cols-12 > .item:nth-of-type(1n),
  blocks.large-cols-12 > item:nth-of-type(1n) {
    clear: none;
  }
  blocks.large-cols-12 > .item:nth-of-type(12n + 1),
  blocks.large-cols-12 > item:nth-of-type(12n + 1) {
    clear: both;
  }
  .block-layout {
    display: block;
    width: 100%;
  }
  .block-layout.large-cols-1 > .item,
  .block-layout.large-cols-1 > item {
    list-style: none;
    width: 100%;
  }
  .block-layout.large-cols-1 > .item:nth-of-type(1n),
  .block-layout.large-cols-1 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-1 > .item:nth-of-type(1n + 1),
  .block-layout.large-cols-1 > item:nth-of-type(1n + 1) {
    clear: both;
  }
  .block-layout.large-cols-2 > .item,
  .block-layout.large-cols-2 > item {
    list-style: none;
    width: 50%;
  }
  .block-layout.large-cols-2 > .item:nth-of-type(1n),
  .block-layout.large-cols-2 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-2 > .item:nth-of-type(2n + 1),
  .block-layout.large-cols-2 > item:nth-of-type(2n + 1) {
    clear: both;
  }
  .block-layout.large-cols-3 > .item,
  .block-layout.large-cols-3 > item {
    list-style: none;
    width: 33.33333333%;
  }
  .block-layout.large-cols-3 > .item:nth-of-type(1n),
  .block-layout.large-cols-3 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-3 > .item:nth-of-type(3n + 1),
  .block-layout.large-cols-3 > item:nth-of-type(3n + 1) {
    clear: both;
  }
  .block-layout.large-cols-4 > .item,
  .block-layout.large-cols-4 > item {
    list-style: none;
    width: 25%;
  }
  .block-layout.large-cols-4 > .item:nth-of-type(1n),
  .block-layout.large-cols-4 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-4 > .item:nth-of-type(4n + 1),
  .block-layout.large-cols-4 > item:nth-of-type(4n + 1) {
    clear: both;
  }
  .block-layout.large-cols-5 > .item,
  .block-layout.large-cols-5 > item {
    list-style: none;
    width: 20%;
  }
  .block-layout.large-cols-5 > .item:nth-of-type(1n),
  .block-layout.large-cols-5 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-5 > .item:nth-of-type(5n + 1),
  .block-layout.large-cols-5 > item:nth-of-type(5n + 1) {
    clear: both;
  }
  .block-layout.large-cols-6 > .item,
  .block-layout.large-cols-6 > item {
    list-style: none;
    width: 16.66666667%;
  }
  .block-layout.large-cols-6 > .item:nth-of-type(1n),
  .block-layout.large-cols-6 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-6 > .item:nth-of-type(6n + 1),
  .block-layout.large-cols-6 > item:nth-of-type(6n + 1) {
    clear: both;
  }
  .block-layout.large-cols-7 > .item,
  .block-layout.large-cols-7 > item {
    list-style: none;
    width: 14.28571429%;
  }
  .block-layout.large-cols-7 > .item:nth-of-type(1n),
  .block-layout.large-cols-7 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-7 > .item:nth-of-type(7n + 1),
  .block-layout.large-cols-7 > item:nth-of-type(7n + 1) {
    clear: both;
  }
  .block-layout.large-cols-8 > .item,
  .block-layout.large-cols-8 > item {
    list-style: none;
    width: 12.5%;
  }
  .block-layout.large-cols-8 > .item:nth-of-type(1n),
  .block-layout.large-cols-8 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-8 > .item:nth-of-type(8n + 1),
  .block-layout.large-cols-8 > item:nth-of-type(8n + 1) {
    clear: both;
  }
  .block-layout.large-cols-9 > .item,
  .block-layout.large-cols-9 > item {
    list-style: none;
    width: 11.11111111%;
  }
  .block-layout.large-cols-9 > .item:nth-of-type(1n),
  .block-layout.large-cols-9 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-9 > .item:nth-of-type(9n + 1),
  .block-layout.large-cols-9 > item:nth-of-type(9n + 1) {
    clear: both;
  }
  .block-layout.large-cols-10 > .item,
  .block-layout.large-cols-10 > item {
    list-style: none;
    width: 10%;
  }
  .block-layout.large-cols-10 > .item:nth-of-type(1n),
  .block-layout.large-cols-10 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-10 > .item:nth-of-type(10n + 1),
  .block-layout.large-cols-10 > item:nth-of-type(10n + 1) {
    clear: both;
  }
  .block-layout.large-cols-11 > .item,
  .block-layout.large-cols-11 > item {
    list-style: none;
    width: 9.09090909%;
  }
  .block-layout.large-cols-11 > .item:nth-of-type(1n),
  .block-layout.large-cols-11 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-11 > .item:nth-of-type(11n + 1),
  .block-layout.large-cols-11 > item:nth-of-type(11n + 1) {
    clear: both;
  }
  .block-layout.large-cols-12 > .item,
  .block-layout.large-cols-12 > item {
    list-style: none;
    width: 8.33333333%;
  }
  .block-layout.large-cols-12 > .item:nth-of-type(1n),
  .block-layout.large-cols-12 > item:nth-of-type(1n) {
    clear: none;
  }
  .block-layout.large-cols-12 > .item:nth-of-type(12n + 1),
  .block-layout.large-cols-12 > item:nth-of-type(12n + 1) {
    clear: both;
  }
}

.row {
  *zoom: 1;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  *zoom: 1;
  margin: 0 0rem;
  max-width: none;
  width: auto;
}
.row .row:before,
.row .row:after {
  display: table;
  content: "";
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  *zoom: 1;
  margin: 0;
  max-width: none;
  width: auto;
}
.row .row.collapse:before,
.row .row.collapse:after {
  display: table;
  content: "";
}
.row .row.collapse:after {
  clear: both;
}
.column,
.columns {
  width: 100%;
  padding-left: 0rem;
  padding-right: 0rem;
  float: left;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .small-push-1 {
    position: relative;
    left: 8.33333333%;
    right: auto;
  }
  .small-pull-1 {
    position: relative;
    right: 8.33333333%;
    left: auto;
  }
  .small-push-2 {
    position: relative;
    left: 16.66666667%;
    right: auto;
  }
  .small-pull-2 {
    position: relative;
    right: 16.66666667%;
    left: auto;
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .small-push-4 {
    position: relative;
    left: 33.33333333%;
    right: auto;
  }
  .small-pull-4 {
    position: relative;
    right: 33.33333333%;
    left: auto;
  }
  .small-push-5 {
    position: relative;
    left: 41.66666667%;
    right: auto;
  }
  .small-pull-5 {
    position: relative;
    right: 41.66666667%;
    left: auto;
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .small-push-7 {
    position: relative;
    left: 58.33333333%;
    right: auto;
  }
  .small-pull-7 {
    position: relative;
    right: 58.33333333%;
    left: auto;
  }
  .small-push-8 {
    position: relative;
    left: 66.66666667%;
    right: auto;
  }
  .small-pull-8 {
    position: relative;
    right: 66.66666667%;
    left: auto;
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .small-push-10 {
    position: relative;
    left: 83.33333333%;
    right: auto;
  }
  .small-pull-10 {
    position: relative;
    right: 83.33333333%;
    left: auto;
  }
  .small-push-11 {
    position: relative;
    left: 91.66666667%;
    right: auto;
  }
  .small-pull-11 {
    position: relative;
    right: 91.66666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0rem;
    padding-right: 0rem;
    float: left;
  }
  .small-1 {
    width: 8.33333333%;
  }
  .small-2 {
    width: 16.66666667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333333%;
  }
  .small-5 {
    width: 41.66666667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333333%;
  }
  .small-8 {
    width: 66.66666667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333333%;
  }
  .small-11 {
    width: 91.66666667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0% !important;
  }
  .small-offset-1 {
    margin-left: 8.33333333% !important;
  }
  .small-offset-2 {
    margin-left: 16.66666667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.33333333% !important;
  }
  .small-offset-5 {
    margin-left: 41.66666667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.33333333% !important;
  }
  .small-offset-8 {
    margin-left: 66.66666667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.33333333% !important;
  }
  .small-offset-11 {
    margin-left: 91.66666667% !important;
  }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 42.5625em ) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333333%;
    right: auto;
  }
  .medium-pull-1 {
    position: relative;
    right: 8.33333333%;
    left: auto;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66666667%;
    right: auto;
  }
  .medium-pull-2 {
    position: relative;
    right: 16.66666667%;
    left: auto;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333333%;
    right: auto;
  }
  .medium-pull-4 {
    position: relative;
    right: 33.33333333%;
    left: auto;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66666667%;
    right: auto;
  }
  .medium-pull-5 {
    position: relative;
    right: 41.66666667%;
    left: auto;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333333%;
    right: auto;
  }
  .medium-pull-7 {
    position: relative;
    right: 58.33333333%;
    left: auto;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66666667%;
    right: auto;
  }
  .medium-pull-8 {
    position: relative;
    right: 66.66666667%;
    left: auto;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333333%;
    right: auto;
  }
  .medium-pull-10 {
    position: relative;
    right: 83.33333333%;
    left: auto;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66666667%;
    right: auto;
  }
  .medium-pull-11 {
    position: relative;
    right: 91.66666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0rem;
    padding-right: 0rem;
    float: left;
  }
  .medium-1 {
    width: 8.33333333%;
  }
  .medium-2 {
    width: 16.66666667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333333%;
  }
  .medium-5 {
    width: 41.66666667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333333%;
  }
  .medium-8 {
    width: 66.66666667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333333%;
  }
  .medium-11 {
    width: 91.66666667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-left: 0% !important;
  }
  .medium-offset-1 {
    margin-left: 8.33333333% !important;
  }
  .medium-offset-2 {
    margin-left: 16.66666667% !important;
  }
  .medium-offset-3 {
    margin-left: 25% !important;
  }
  .medium-offset-4 {
    margin-left: 33.33333333% !important;
  }
  .medium-offset-5 {
    margin-left: 41.66666667% !important;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-offset-7 {
    margin-left: 58.33333333% !important;
  }
  .medium-offset-8 {
    margin-left: 66.66666667% !important;
  }
  .medium-offset-9 {
    margin-left: 75% !important;
  }
  .medium-offset-10 {
    margin-left: 83.33333333% !important;
  }
  .medium-offset-11 {
    margin-left: 91.66666667% !important;
  }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 64.0625em ) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333333%;
    right: auto;
  }
  .large-pull-1 {
    position: relative;
    right: 8.33333333%;
    left: auto;
  }
  .large-push-2 {
    position: relative;
    left: 16.66666667%;
    right: auto;
  }
  .large-pull-2 {
    position: relative;
    right: 16.66666667%;
    left: auto;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333333%;
    right: auto;
  }
  .large-pull-4 {
    position: relative;
    right: 33.33333333%;
    left: auto;
  }
  .large-push-5 {
    position: relative;
    left: 41.66666667%;
    right: auto;
  }
  .large-pull-5 {
    position: relative;
    right: 41.66666667%;
    left: auto;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333333%;
    right: auto;
  }
  .large-pull-7 {
    position: relative;
    right: 58.33333333%;
    left: auto;
  }
  .large-push-8 {
    position: relative;
    left: 66.66666667%;
    right: auto;
  }
  .large-pull-8 {
    position: relative;
    right: 66.66666667%;
    left: auto;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333333%;
    right: auto;
  }
  .large-pull-10 {
    position: relative;
    right: 83.33333333%;
    left: auto;
  }
  .large-push-11 {
    position: relative;
    left: 91.66666667%;
    right: auto;
  }
  .large-pull-11 {
    position: relative;
    right: 91.66666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0rem;
    padding-right: 0rem;
    float: left;
  }
  .large-1 {
    width: 8.33333333%;
  }
  .large-2 {
    width: 16.66666667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333333%;
  }
  .large-5 {
    width: 41.66666667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333333%;
  }
  .large-8 {
    width: 66.66666667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333333%;
  }
  .large-11 {
    width: 91.66666667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0% !important;
  }
  .large-offset-1 {
    margin-left: 8.33333333% !important;
  }
  .large-offset-2 {
    margin-left: 16.66666667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.33333333% !important;
  }
  .large-offset-5 {
    margin-left: 41.66666667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.33333333% !important;
  }
  .large-offset-8 {
    margin-left: 66.66666667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.33333333% !important;
  }
  .large-offset-11 {
    margin-left: 91.66666667% !important;
  }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 90.0625em ) {
  .xlarge-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .xlarge-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333333%;
    right: auto;
  }
  .xlarge-pull-1 {
    position: relative;
    right: 8.33333333%;
    left: auto;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.66666667%;
    right: auto;
  }
  .xlarge-pull-2 {
    position: relative;
    right: 16.66666667%;
    left: auto;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .xlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333333%;
    right: auto;
  }
  .xlarge-pull-4 {
    position: relative;
    right: 33.33333333%;
    left: auto;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.66666667%;
    right: auto;
  }
  .xlarge-pull-5 {
    position: relative;
    right: 41.66666667%;
    left: auto;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .xlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333333%;
    right: auto;
  }
  .xlarge-pull-7 {
    position: relative;
    right: 58.33333333%;
    left: auto;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.66666667%;
    right: auto;
  }
  .xlarge-pull-8 {
    position: relative;
    right: 66.66666667%;
    left: auto;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .xlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333333%;
    right: auto;
  }
  .xlarge-pull-10 {
    position: relative;
    right: 83.33333333%;
    left: auto;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.66666667%;
    right: auto;
  }
  .xlarge-pull-11 {
    position: relative;
    right: 91.66666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0rem;
    padding-right: 0rem;
    float: left;
  }
  .xlarge-1 {
    width: 8.33333333%;
  }
  .xlarge-2 {
    width: 16.66666667%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-4 {
    width: 33.33333333%;
  }
  .xlarge-5 {
    width: 41.66666667%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-7 {
    width: 58.33333333%;
  }
  .xlarge-8 {
    width: 66.66666667%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-10 {
    width: 83.33333333%;
  }
  .xlarge-11 {
    width: 91.66666667%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-0 {
    margin-left: 0% !important;
  }
  .xlarge-offset-1 {
    margin-left: 8.33333333% !important;
  }
  .xlarge-offset-2 {
    margin-left: 16.66666667% !important;
  }
  .xlarge-offset-3 {
    margin-left: 25% !important;
  }
  .xlarge-offset-4 {
    margin-left: 33.33333333% !important;
  }
  .xlarge-offset-5 {
    margin-left: 41.66666667% !important;
  }
  .xlarge-offset-6 {
    margin-left: 50% !important;
  }
  .xlarge-offset-7 {
    margin-left: 58.33333333% !important;
  }
  .xlarge-offset-8 {
    margin-left: 66.66666667% !important;
  }
  .xlarge-offset-9 {
    margin-left: 75% !important;
  }
  .xlarge-offset-10 {
    margin-left: 83.33333333% !important;
  }
  .xlarge-offset-11 {
    margin-left: 91.66666667% !important;
  }
  .xlarge-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.xlarge-centered,
  .columns.xlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.xlarge-uncentered,
  .columns.xlarge-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.xlarge-centered:last-child,
  .columns.xlarge-centered:last-child {
    float: none;
  }
  .column.xlarge-uncentered:last-child,
  .columns.xlarge-uncentered:last-child {
    float: left;
  }
  .column.xlarge-uncentered.opposite,
  .columns.xlarge-uncentered.opposite {
    float: right;
  }
  .row.xlarge-collapse > .column,
  .row.xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.xlarge-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.xlarge-uncollapse > .column,
  .row.xlarge-uncollapse > .columns {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.push-0 {
  position: relative;
  left: 0%;
  right: auto;
}
.pull-0 {
  position: relative;
  right: 0%;
  left: auto;
}
.push-1 {
  position: relative;
  left: 8.33333333%;
  right: auto;
}
.pull-1 {
  position: relative;
  right: 8.33333333%;
  left: auto;
}
.push-2 {
  position: relative;
  left: 16.66666667%;
  right: auto;
}
.pull-2 {
  position: relative;
  right: 16.66666667%;
  left: auto;
}
.push-3 {
  position: relative;
  left: 25%;
  right: auto;
}
.pull-3 {
  position: relative;
  right: 25%;
  left: auto;
}
.push-4 {
  position: relative;
  left: 33.33333333%;
  right: auto;
}
.pull-4 {
  position: relative;
  right: 33.33333333%;
  left: auto;
}
.push-5 {
  position: relative;
  left: 41.66666667%;
  right: auto;
}
.pull-5 {
  position: relative;
  right: 41.66666667%;
  left: auto;
}
.push-6 {
  position: relative;
  left: 50%;
  right: auto;
}
.pull-6 {
  position: relative;
  right: 50%;
  left: auto;
}
.push-7 {
  position: relative;
  left: 58.33333333%;
  right: auto;
}
.pull-7 {
  position: relative;
  right: 58.33333333%;
  left: auto;
}
.push-8 {
  position: relative;
  left: 66.66666667%;
  right: auto;
}
.pull-8 {
  position: relative;
  right: 66.66666667%;
  left: auto;
}
.push-9 {
  position: relative;
  left: 75%;
  right: auto;
}
.pull-9 {
  position: relative;
  right: 75%;
  left: auto;
}
.push-10 {
  position: relative;
  left: 83.33333333%;
  right: auto;
}
.pull-10 {
  position: relative;
  right: 83.33333333%;
  left: auto;
}
.push-11 {
  position: relative;
  left: 91.66666667%;
  right: auto;
}
.pull-11 {
  position: relative;
  right: 91.66666667%;
  left: auto;
}

.ui.items-view {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  background: #ffffff;
}
.ui.items-view > .items {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui.items-view .item {
  overflow-x: hidden;
  cursor: pointer;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0;
  transition: 0.1s color ease, 0.1s background-color ease;
}
.ui.items-view .pull-down-pane,
.ui.items-view .pull-up-pane {
  position: relative;
  width: 100%;
  height: 5em;
  transition-duration: 0.8s;
  transition-property: background;
  background: #767676;
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  text-align: center;
}
.ui.items-view .pull-down-pane.reached,
.ui.items-view .pull-up-pane.reached {
  background: #484848;
}
.ui.items-view .pull-down-pane.executing,
.ui.items-view .pull-up-pane.executing {
  background: #00b5ad;
}

.ui.list-view .items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui.list-view .list.item {
  padding: 0.8em 0.5em;
}
.ui.list-view .list.group {
  margin: 0;
  padding: 0;
}
.ui.list-view .list.group-header {
  color: rgba(0, 0, 0, 0.85);
  background: #f9fafb;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0.25em 0.5em;
}
.ui.list-view .list.group-header:active {
  background: #e1e6eb;
}
.ui.list-view .list.group-header.collapsible:before {
  transition-duration: 0.3s;
  transition-property: transform;
  font-family: Icons;
  content: "\f107";
  float: right;
  margin-right: 0.5em;
}
.ui.list-view .list.group-header.collapsible.collapsed:before {
  transform: rotate(90deg);
}
.ui.list-view .item-slide-pane {
  position: absolute;
  overflow: hidden;
  z-index: 1100;
  box-sizing: border-box;
}
.ui.list-view .item-slide-pane.transition {
  transition-duration: 0.15s;
  transition-property: transform;
}
.ui.list-view.has-index-bar .list.group-header.collapsible:before {
  margin-right: 2.2em;
}
.ui.list-view > .float-group-header {
  position: absolute;
  height: auto;
  left: 0;
  right: 2px;
  opacity: 0.9;
  pointer-events: none;
}
.ui.list-view > .float-group-header > .list.group-header:before {
  display: none;
}
.ui.list-view > .index-bar {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 0;
  padding: 2px 0;
  min-width: 1.625em;
  z-index: 2;
  background: rgba(249, 250, 251, 0.5);
}
.ui.list-view > .index-bar > .index {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
}
.ui.list-view > .index-bar > .index:hover {
  background: #e7ebef;
}
.ui.list-view > .index-bar > .index.current {
  background: #e1e6eb;
}
.ui.list-view .loader-container {
  height: 5em;
  position: relative;
  display: none;
}
.ui.list-view .loader-container.active {
  display: block;
}
.ui.list-view .loader-container.active > .ui.loader {
  display: block;
}
.ui.list-view .tail-padding {
  height: 5em;
  position: relative;
}
.ui.list-view.striped .list.item:nth-child(2n):not(.current) {
  background: #f7f7f7;
}
.ui.list-view.striped .list.group-header {
  background: #e1e6eb;
}
.ui.list-view.striped .list.group-header:active {
  background: #c8d1da;
}
.ui.list-view.impact .list.item {
  padding: 0.125em !important;
}
.ui.list-view .list.item:hover:not(.current) {
  background: rgba(0, 181, 173, 0.1);
}
.ui.list-view .list.item.current {
  background: rgba(0, 181, 173, 0.2);
  color: rgba(0, 0, 0, 0.85);
}
.ui.list-view.striped.inverted .list.item:nth-child(2n):not(.current) {
  background: #2f3032;
}
.ui.list-view.inverted {
  background: #393b3d;
}
.ui.list-view.inverted .list.item {
  color: rgba(255, 255, 255, 0.9);
  background: #393b3d;
}
.ui.list-view.inverted .list.item:hover:not(.current) {
  background: rgba(33, 133, 208, 0.2);
}
.ui.list-view.inverted .list.item.current {
  background: #2185d0;
}
.ui.list-view.inverted .list.group-header {
  color: rgba(255, 255, 255, 0.9);
  background: #56595c;
  border-bottom: 1px solid #74787c;
}
.ui.list-view.inverted .list.group-header:active {
  background: #74787c;
}
.ui.list-view.inverted > .index-bar {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(118, 118, 118, 0.6);
}
.ui.list-view.inverted > .index-bar > .index:hover {
  background: #434343;
}
.ui.list-view.inverted > .index-bar > .index.current {
  background: #767676;
}
.ui.list-view.basic {
  background: none;
}
.ui.list-view.basic .list.item {
  color: inherit;
  background: none;
}
.ui.list-view.basic .list.item:hover:not(.current) {
  background: none;
}
.ui.list-view.basic .list.item.current {
  background: none;
  color: inherit;
}
.ui.list-view.basic .list.group-header {
  color: inherit;
  background: none;
  border-bottom: none;
}
.ui.list-view.basic .list.group-header:active {
  background: none;
}
.ui.list-view.basic > .index-bar {
  color: inherit;
  background: none;
}
.ui.list-view.basic > .index-bar > .index:hover {
  background: none;
}
.ui.list-view.basic > .index-bar > .index.current {
  background: none;
}
.ui.list-view.light-red .list.item:hover:not(.current) {
  background: rgba(219, 40, 40, 0.1);
}
.ui.list-view.light-red .list.item.current {
  background: rgba(219, 40, 40, 0.2);
}
.ui.list-view.light-orange .list.item:hover:not(.current) {
  background: rgba(242, 113, 28, 0.1);
}
.ui.list-view.light-orange .list.item.current {
  background: rgba(242, 113, 28, 0.2);
}
.ui.list-view.light-yellow .list.item:hover:not(.current) {
  background: rgba(251, 189, 8, 0.1);
}
.ui.list-view.light-yellow .list.item.current {
  background: rgba(251, 189, 8, 0.2);
}
.ui.list-view.light-olive .list.item:hover:not(.current) {
  background: rgba(181, 204, 24, 0.1);
}
.ui.list-view.light-olive .list.item.current {
  background: rgba(181, 204, 24, 0.2);
}
.ui.list-view.light-green .list.item:hover:not(.current) {
  background: rgba(33, 186, 69, 0.1);
}
.ui.list-view.light-green .list.item.current {
  background: rgba(33, 186, 69, 0.2);
}
.ui.list-view.light-teal .list.item:hover:not(.current) {
  background: rgba(0, 181, 173, 0.1);
}
.ui.list-view.light-teal .list.item.current {
  background: rgba(0, 181, 173, 0.2);
}
.ui.list-view.light-blue .list.item:hover:not(.current) {
  background: rgba(33, 133, 208, 0.1);
}
.ui.list-view.light-blue .list.item.current {
  background: rgba(33, 133, 208, 0.2);
}
.ui.list-view.light-violet .list.item:hover:not(.current) {
  background: rgba(100, 53, 201, 0.1);
}
.ui.list-view.light-violet .list.item.current {
  background: rgba(100, 53, 201, 0.2);
}
.ui.list-view.light-purple .list.item:hover:not(.current) {
  background: rgba(163, 51, 200, 0.1);
}
.ui.list-view.light-purple .list.item.current {
  background: rgba(163, 51, 200, 0.2);
}
.ui.list-view.light-pink .list.item:hover:not(.current) {
  background: rgba(255, 64, 129, 0.1);
}
.ui.list-view.light-pink .list.item.current {
  background: rgba(255, 64, 129, 0.2);
}
.ui.list-view.light-brown .list.item:hover:not(.current) {
  background: rgba(165, 103, 63, 0.1);
}
.ui.list-view.light-brown .list.item.current {
  background: rgba(165, 103, 63, 0.2);
}
.ui.list-view.light-grey .list.item:hover:not(.current) {
  background: rgba(118, 118, 118, 0.1);
}
.ui.list-view.light-grey .list.item.current {
  background: rgba(118, 118, 118, 0.2);
}
.ui.list-view.light-black .list.item:hover:not(.current) {
  background: rgba(27, 28, 29, 0.1);
}
.ui.list-view.light-black .list.item.current {
  background: rgba(27, 28, 29, 0.2);
}
.ui.list-view.red .list.item:hover:not(.current) {
  background: rgba(219, 40, 40, 0.12);
}
.ui.list-view.red .list.item.current {
  background: #db2828;
  color: #ffffff;
}
.ui.list-view.orange .list.item:hover:not(.current) {
  background: rgba(242, 113, 28, 0.12);
}
.ui.list-view.orange .list.item.current {
  background: #f2711c;
  color: #ffffff;
}
.ui.list-view.yellow .list.item:hover:not(.current) {
  background: rgba(251, 189, 8, 0.12);
}
.ui.list-view.yellow .list.item.current {
  background: #fbbd08;
  color: #ffffff;
}
.ui.list-view.olive .list.item:hover:not(.current) {
  background: rgba(181, 204, 24, 0.12);
}
.ui.list-view.olive .list.item.current {
  background: #b5cc18;
  color: #ffffff;
}
.ui.list-view.green .list.item:hover:not(.current) {
  background: rgba(33, 186, 69, 0.12);
}
.ui.list-view.green .list.item.current {
  background: #21ba45;
  color: #ffffff;
}
.ui.list-view.teal .list.item:hover:not(.current) {
  background: rgba(0, 181, 173, 0.12);
}
.ui.list-view.teal .list.item.current {
  background: #00b5ad;
  color: #ffffff;
}
.ui.list-view.blue .list.item:hover:not(.current) {
  background: rgba(33, 133, 208, 0.12);
}
.ui.list-view.blue .list.item.current {
  background: #2185d0;
  color: #ffffff;
}
.ui.list-view.violet .list.item:hover:not(.current) {
  background: rgba(100, 53, 201, 0.12);
}
.ui.list-view.violet .list.item.current {
  background: #6435c9;
  color: #ffffff;
}
.ui.list-view.purple .list.item:hover:not(.current) {
  background: rgba(163, 51, 200, 0.12);
}
.ui.list-view.purple .list.item.current {
  background: #a333c8;
  color: #ffffff;
}
.ui.list-view.pink .list.item:hover:not(.current) {
  background: rgba(255, 64, 129, 0.12);
}
.ui.list-view.pink .list.item.current {
  background: #ff4081;
  color: #ffffff;
}
.ui.list-view.brown .list.item:hover:not(.current) {
  background: rgba(165, 103, 63, 0.12);
}
.ui.list-view.brown .list.item.current {
  background: #a5673f;
  color: #ffffff;
}
.ui.list-view.grey .list.item:hover:not(.current) {
  background: rgba(118, 118, 118, 0.12);
}
.ui.list-view.grey .list.item.current {
  background: #767676;
  color: #ffffff;
}
.ui.list-view.black .list.item:hover:not(.current) {
  background: rgba(27, 28, 29, 0.12);
}
.ui.list-view.black .list.item.current {
  background: #1b1c1d;
  color: #ffffff;
}
.desktop .ui.list-view.v-scroll > .index-bar,
.desktop .ui.list-view.v-scroll > .float-group-header {
  right: 18px;
}
.ie .ui.list-view > .index-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ie .ui.list-view > .index-bar > div {
  flex: 1;
  text-align: center;
  position: relative;
}
.ie .ui.list-view > .index-bar > div > span {
  position: absolute;
  width: 100%;
  top: 50%;
  line-height: 20px;
  margin-top: -10px;
}

.ui.nested-list {
  display: block;
  position: relative;
  overflow-x: hidden;
}
.ui.nested-list .box.title-box {
  overflow: hidden;
}
.ui.nested-list .detail {
  border-left: 1px solid #dcddde;
}
.ui.nested-list .ul.list-view {
  margin: 0;
}
.ui.nested-list .ui.layer {
  background: #ffffff;
  box-shadow: -2px 0 0 0 rgba(34, 36, 38, 0.2);
}
.ui.nested-list .item.has-child {
  position: relative;
  padding-right: 1.25em;
}
.ui.nested-list .item.has-child:before {
  font-family: Icons;
  content: "\f105";
  position: absolute;
  right: 0.5em;
  top: 50%;
  margin-top: -0.6em;
}

.ui.tree .tree.item {
  padding: 0;
}
.ui.tree .child-nodes {
  display: none;
  overflow: visible;
  margin-left: 2.25em !important;
}
.ui.tree .tree.node {
  min-height: 2.7em;
  padding: 0.25em;
  line-height: 2.2em;
  white-space: nowrap;
}
.ui.tree .tree.node > .expand-button {
  float: left;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2em;
  margin-right: 0.25em;
  text-align: center;
  transition-duration: 0.3s;
  transition-property: transform;
}
.ui.tree .tree.node > .expand-button:before {
  font-family: Icons;
  content: "\f105";
}
.ui.tree .tree.node.expanded > .expand-button {
  transform: rotate(90deg);
}
.ui.tree .tree.node.leaf > .expand-button {
  visibility: hidden;
}
.ui.tree .tree.node .ui.checkbox {
  top: 0.35em;
}
.ui.tree.impact .child-nodes {
  margin-left: 1.5em !important;
}
.ui.tree.impact .tree.node {
  min-height: 2em;
  line-height: 1.5em;
}
.ui.tree.impact .tree.node > .expand-button {
  width: 1.5em;
  height: 1.5em;
}
.ui.tree.impact .tree.node > .expand-button:before {
  line-height: 1.5em;
}
.ui.tree.impact .tree.node .ui.checkbox {
  top: 0.25em;
}
.ui.tree.navigator .tree.node {
  position: relative;
  overflow: hidden;
  padding-left: 1em;
}
.ui.tree.navigator .tree.node > .expand-button {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.7em;
  height: 2.7em;
  line-height: 2.7em;
  margin-right: 0;
}
.ui.tree.navigator .tree.node > .expand-button:before {
  float: right;
  margin-right: 1em;
}
.ui.tree .tree.item:not(.current) > .tree.node:hover {
  background: rgba(0, 181, 173, 0.1);
}
.ui.tree .tree.item.current > .tree.node {
  background: rgba(0, 181, 173, 0.2);
  color: rgba(0, 0, 0, 0.85);
}
.ui.tree.inverted {
  background: #393b3d;
}
.ui.tree.inverted .tree.item {
  color: rgba(255, 255, 255, 0.9);
  background: #393b3d;
}
.ui.tree.inverted .tree.item:not(.current) > .tree.node:hover {
  background: rgba(33, 133, 208, 0.2);
}
.ui.tree.inverted .tree.item.current > .tree.node {
  background: #2185d0;
}
.ui.tree.basic {
  background: none;
}
.ui.tree.basic .tree.item:not(.current) {
  color: inherit;
  background: none;
}
.ui.tree.basic .tree.item:not(.current) > .tree.node,
.ui.tree.basic .tree.item:not(.current) > .tree.node:hover {
  color: inherit;
  background: none;
}
.ui.tree.basic .tree.item.current > .tree.node {
  color: inherit;
  background: none;
}
.ui.tree.light-red .tree.item:not(.current) > .tree.node:hover {
  background: rgba(219, 40, 40, 0.1);
}
.ui.tree.light-red .tree.item.current > .tree.node {
  background: rgba(219, 40, 40, 0.2);
}
.ui.tree.light-orange .tree.item:not(.current) > .tree.node:hover {
  background: rgba(242, 113, 28, 0.1);
}
.ui.tree.light-orange .tree.item.current > .tree.node {
  background: rgba(242, 113, 28, 0.2);
}
.ui.tree.light-yellow .tree.item:not(.current) > .tree.node:hover {
  background: rgba(251, 189, 8, 0.1);
}
.ui.tree.light-yellow .tree.item.current > .tree.node {
  background: rgba(251, 189, 8, 0.2);
}
.ui.tree.light-olive .tree.item:not(.current) > .tree.node:hover {
  background: rgba(181, 204, 24, 0.1);
}
.ui.tree.light-olive .tree.item.current > .tree.node {
  background: rgba(181, 204, 24, 0.2);
}
.ui.tree.light-green .tree.item:not(.current) > .tree.node:hover {
  background: rgba(33, 186, 69, 0.1);
}
.ui.tree.light-green .tree.item.current > .tree.node {
  background: rgba(33, 186, 69, 0.2);
}
.ui.tree.light-teal .tree.item:not(.current) > .tree.node:hover {
  background: rgba(0, 181, 173, 0.1);
}
.ui.tree.light-teal .tree.item.current > .tree.node {
  background: rgba(0, 181, 173, 0.2);
}
.ui.tree.light-blue .tree.item:not(.current) > .tree.node:hover {
  background: rgba(33, 133, 208, 0.1);
}
.ui.tree.light-blue .tree.item.current > .tree.node {
  background: rgba(33, 133, 208, 0.2);
}
.ui.tree.light-violet .tree.item:not(.current) > .tree.node:hover {
  background: rgba(100, 53, 201, 0.1);
}
.ui.tree.light-violet .tree.item.current > .tree.node {
  background: rgba(100, 53, 201, 0.2);
}
.ui.tree.light-purple .tree.item:not(.current) > .tree.node:hover {
  background: rgba(163, 51, 200, 0.1);
}
.ui.tree.light-purple .tree.item.current > .tree.node {
  background: rgba(163, 51, 200, 0.2);
}
.ui.tree.light-pink .tree.item:not(.current) > .tree.node:hover {
  background: rgba(255, 64, 129, 0.1);
}
.ui.tree.light-pink .tree.item.current > .tree.node {
  background: rgba(255, 64, 129, 0.2);
}
.ui.tree.light-brown .tree.item:not(.current) > .tree.node:hover {
  background: rgba(165, 103, 63, 0.1);
}
.ui.tree.light-brown .tree.item.current > .tree.node {
  background: rgba(165, 103, 63, 0.2);
}
.ui.tree.light-grey .tree.item:not(.current) > .tree.node:hover {
  background: rgba(118, 118, 118, 0.1);
}
.ui.tree.light-grey .tree.item.current > .tree.node {
  background: rgba(118, 118, 118, 0.2);
}
.ui.tree.light-black .tree.item:not(.current) > .tree.node:hover {
  background: rgba(27, 28, 29, 0.1);
}
.ui.tree.light-black .tree.item.current > .tree.node {
  background: rgba(27, 28, 29, 0.2);
}
.ui.tree.red .tree.item:not(.current) > .tree.node:hover {
  background: rgba(219, 40, 40, 0.12);
}
.ui.tree.red .tree.item.current > .tree.node {
  background: #db2828;
  color: #ffffff;
}
.ui.tree.orange .tree.item:not(.current) > .tree.node:hover {
  background: rgba(242, 113, 28, 0.12);
}
.ui.tree.orange .tree.item.current > .tree.node {
  background: #f2711c;
  color: #ffffff;
}
.ui.tree.yellow .tree.item:not(.current) > .tree.node:hover {
  background: rgba(251, 189, 8, 0.12);
}
.ui.tree.yellow .tree.item.current > .tree.node {
  background: #fbbd08;
  color: #ffffff;
}
.ui.tree.olive .tree.item:not(.current) > .tree.node:hover {
  background: rgba(181, 204, 24, 0.12);
}
.ui.tree.olive .tree.item.current > .tree.node {
  background: #b5cc18;
  color: #ffffff;
}
.ui.tree.green .tree.item:not(.current) > .tree.node:hover {
  background: rgba(33, 186, 69, 0.12);
}
.ui.tree.green .tree.item.current > .tree.node {
  background: #21ba45;
  color: #ffffff;
}
.ui.tree.teal .tree.item:not(.current) > .tree.node:hover {
  background: rgba(0, 181, 173, 0.12);
}
.ui.tree.teal .tree.item.current > .tree.node {
  background: #00b5ad;
  color: #ffffff;
}
.ui.tree.blue .tree.item:not(.current) > .tree.node:hover {
  background: rgba(33, 133, 208, 0.12);
}
.ui.tree.blue .tree.item.current > .tree.node {
  background: #2185d0;
  color: #ffffff;
}
.ui.tree.violet .tree.item:not(.current) > .tree.node:hover {
  background: rgba(100, 53, 201, 0.12);
}
.ui.tree.violet .tree.item.current > .tree.node {
  background: #6435c9;
  color: #ffffff;
}
.ui.tree.purple .tree.item:not(.current) > .tree.node:hover {
  background: rgba(163, 51, 200, 0.12);
}
.ui.tree.purple .tree.item.current > .tree.node {
  background: #a333c8;
  color: #ffffff;
}
.ui.tree.pink .tree.item:not(.current) > .tree.node:hover {
  background: rgba(255, 64, 129, 0.12);
}
.ui.tree.pink .tree.item.current > .tree.node {
  background: #ff4081;
  color: #ffffff;
}
.ui.tree.brown .tree.item:not(.current) > .tree.node:hover {
  background: rgba(165, 103, 63, 0.12);
}
.ui.tree.brown .tree.item.current > .tree.node {
  background: #a5673f;
  color: #ffffff;
}
.ui.tree.grey .tree.item:not(.current) > .tree.node:hover {
  background: rgba(118, 118, 118, 0.12);
}
.ui.tree.grey .tree.item.current > .tree.node {
  background: #767676;
  color: #ffffff;
}
.ui.tree.black .tree.item:not(.current) > .tree.node:hover {
  background: rgba(27, 28, 29, 0.12);
}
.ui.tree.black .tree.item.current > .tree.node {
  background: #1b1c1d;
  color: #ffffff;
}

.ui.widget-table > .table-wrapper {
  height: 100%;
  overflow: auto;
}
.ui.widget-table table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.ui.widget-table table th,
.ui.widget-table table td {
  border-width: 1px;
  border-style: solid;
  border-color: #edf0f3 #edf0f3;
}
.ui.widget-table table thead th {
  font-weight: normal;
  background: #ffffff;
  border-color: #edf0f3 #edf0f3;
}
.ui.widget-table table thead th > div {
  position: relative;
  overflow: hidden;
  padding: 0.4em 0.4em;
}
.ui.widget-table table thead th.sortable > div {
  padding-right: 1.25em;
}
.ui.widget-table table thead th.sortable > div:after {
  content: "\f0dc";
  font-family: Icons;
  position: absolute;
  right: 0.25em;
  top: 0.4em;
  color: rgba(40, 40, 40, 0.3);
}
.ui.widget-table table thead th.sortable.asc > div:after {
  content: "\f0de";
  color: rgba(0, 0, 0, 0.85);
}
.ui.widget-table table thead th.sortable.desc > div:after {
  content: "\f0dd";
  color: rgba(0, 0, 0, 0.85);
}
.ui.widget-table table tbody td > div {
  overflow: hidden;
  padding: 0.6em 0.4em;
}
.ui.widget-table table thead tr:first-child th {
  border-bottom: 2px solid #edf0f3;
}
.ui.widget-table table tbody tr:last-child td {
  border-bottom: 2px solid #edf0f3;
}
.ui.widget-table table tfoot td {
  background: #ffffff;
  border-color: #edf0f3 #edf0f3;
}
.ui.widget-table table tfoot td > div {
  overflow: hidden;
  padding: 0.4em 0.4em;
}
.ui.widget-table table .ui.checkbox.in-cell {
  margin-top: 0.25em;
  margin-left: 0.5em;
}
.ui.widget-table > .fixed-header,
.ui.widget-table > .fixed-footer {
  overflow: hidden;
  height: auto !important;
  position: absolute;
  display: none;
}
.ui.widget-table > .fixed-header {
  top: 0;
}
.ui.widget-table > .fixed-footer {
  bottom: 0;
}
.ui.widget-table.impact table th > div,
.ui.widget-table.impact table td > div {
  padding: 0.25em !important;
}
.ui.widget-table.striped .table.item:nth-child(2n):not(.current) {
  background: #f7f7f7;
}
.ui.widget-table .table.item:hover:not(.current) {
  background: rgba(0, 181, 173, 0.1);
}
.ui.widget-table .table.item.current {
  background: rgba(0, 181, 173, 0.2);
}
.ui.widget-table.striped.inverted .table.item:nth-child(2n):not(.current) {
  background: #2f3032;
}
.ui.widget-table.inverted {
  background: #393b3d;
}
.ui.widget-table.inverted .table.item {
  color: rgba(255, 255, 255, 0.9);
  background: #393b3d;
}
.ui.widget-table.inverted .table.item:hover:not(.current) {
  background: rgba(33, 133, 208, 0.2);
}
.ui.widget-table.inverted .table.item.current {
  background: #2185d0;
}
.ui.widget-table.inverted table {
  color: rgba(255, 255, 255, 0.9);
}
.ui.widget-table.inverted table th,
.ui.widget-table.inverted table td {
  border-color: transparent transparent;
}
.ui.widget-table.inverted table thead th {
  background: #474a4d;
  border-color: #65696c;
}
.ui.widget-table.inverted table thead tr:last-child th {
  border-bottom-color: #65696c;
}
.ui.widget-table.inverted table tbody tr:last-child td {
  border-bottom-color: #65696c;
}
.ui.widget-table.inverted table tfoot td {
  background: #474a4d;
  border-color: #65696c;
}
.ui.widget-table.basic {
  background: none;
}
.ui.widget-table.basic .table.item {
  color: inherit;
  background: none;
}
.ui.widget-table.basic .table.item:hover:not(.current) {
  background: none;
}
.ui.widget-table.basic .table.item.current {
  background: none;
  color: inherit;
}
.ui.widget-table.light-red .table.item:hover:not(.current) {
  background: rgba(219, 40, 40, 0.1);
}
.ui.widget-table.light-red .table.item.current {
  background: rgba(219, 40, 40, 0.2);
}
.ui.widget-table.light-orange .table.item:hover:not(.current) {
  background: rgba(242, 113, 28, 0.1);
}
.ui.widget-table.light-orange .table.item.current {
  background: rgba(242, 113, 28, 0.2);
}
.ui.widget-table.light-yellow .table.item:hover:not(.current) {
  background: rgba(251, 189, 8, 0.1);
}
.ui.widget-table.light-yellow .table.item.current {
  background: rgba(251, 189, 8, 0.2);
}
.ui.widget-table.light-olive .table.item:hover:not(.current) {
  background: rgba(181, 204, 24, 0.1);
}
.ui.widget-table.light-olive .table.item.current {
  background: rgba(181, 204, 24, 0.2);
}
.ui.widget-table.light-green .table.item:hover:not(.current) {
  background: rgba(33, 186, 69, 0.1);
}
.ui.widget-table.light-green .table.item.current {
  background: rgba(33, 186, 69, 0.2);
}
.ui.widget-table.light-teal .table.item:hover:not(.current) {
  background: rgba(0, 181, 173, 0.1);
}
.ui.widget-table.light-teal .table.item.current {
  background: rgba(0, 181, 173, 0.2);
}
.ui.widget-table.light-blue .table.item:hover:not(.current) {
  background: rgba(33, 133, 208, 0.1);
}
.ui.widget-table.light-blue .table.item.current {
  background: rgba(33, 133, 208, 0.2);
}
.ui.widget-table.light-violet .table.item:hover:not(.current) {
  background: rgba(100, 53, 201, 0.1);
}
.ui.widget-table.light-violet .table.item.current {
  background: rgba(100, 53, 201, 0.2);
}
.ui.widget-table.light-purple .table.item:hover:not(.current) {
  background: rgba(163, 51, 200, 0.1);
}
.ui.widget-table.light-purple .table.item.current {
  background: rgba(163, 51, 200, 0.2);
}
.ui.widget-table.light-pink .table.item:hover:not(.current) {
  background: rgba(255, 64, 129, 0.1);
}
.ui.widget-table.light-pink .table.item.current {
  background: rgba(255, 64, 129, 0.2);
}
.ui.widget-table.light-brown .table.item:hover:not(.current) {
  background: rgba(165, 103, 63, 0.1);
}
.ui.widget-table.light-brown .table.item.current {
  background: rgba(165, 103, 63, 0.2);
}
.ui.widget-table.light-grey .table.item:hover:not(.current) {
  background: rgba(118, 118, 118, 0.1);
}
.ui.widget-table.light-grey .table.item.current {
  background: rgba(118, 118, 118, 0.2);
}
.ui.widget-table.light-black .table.item:hover:not(.current) {
  background: rgba(27, 28, 29, 0.1);
}
.ui.widget-table.light-black .table.item.current {
  background: rgba(27, 28, 29, 0.2);
}
.ui.widget-table.red .table.item:hover:not(.current) {
  background: rgba(219, 40, 40, 0.12);
}
.ui.widget-table.red .table.item.current {
  background: #db2828;
  color: #ffffff;
}
.ui.widget-table.orange .table.item:hover:not(.current) {
  background: rgba(242, 113, 28, 0.12);
}
.ui.widget-table.orange .table.item.current {
  background: #f2711c;
  color: #ffffff;
}
.ui.widget-table.yellow .table.item:hover:not(.current) {
  background: rgba(251, 189, 8, 0.12);
}
.ui.widget-table.yellow .table.item.current {
  background: #fbbd08;
  color: #ffffff;
}
.ui.widget-table.olive .table.item:hover:not(.current) {
  background: rgba(181, 204, 24, 0.12);
}
.ui.widget-table.olive .table.item.current {
  background: #b5cc18;
  color: #ffffff;
}
.ui.widget-table.green .table.item:hover:not(.current) {
  background: rgba(33, 186, 69, 0.12);
}
.ui.widget-table.green .table.item.current {
  background: #21ba45;
  color: #ffffff;
}
.ui.widget-table.teal .table.item:hover:not(.current) {
  background: rgba(0, 181, 173, 0.12);
}
.ui.widget-table.teal .table.item.current {
  background: #00b5ad;
  color: #ffffff;
}
.ui.widget-table.blue .table.item:hover:not(.current) {
  background: rgba(33, 133, 208, 0.12);
}
.ui.widget-table.blue .table.item.current {
  background: #2185d0;
  color: #ffffff;
}
.ui.widget-table.violet .table.item:hover:not(.current) {
  background: rgba(100, 53, 201, 0.12);
}
.ui.widget-table.violet .table.item.current {
  background: #6435c9;
  color: #ffffff;
}
.ui.widget-table.purple .table.item:hover:not(.current) {
  background: rgba(163, 51, 200, 0.12);
}
.ui.widget-table.purple .table.item.current {
  background: #a333c8;
  color: #ffffff;
}
.ui.widget-table.pink .table.item:hover:not(.current) {
  background: rgba(255, 64, 129, 0.12);
}
.ui.widget-table.pink .table.item.current {
  background: #ff4081;
  color: #ffffff;
}
.ui.widget-table.brown .table.item:hover:not(.current) {
  background: rgba(165, 103, 63, 0.12);
}
.ui.widget-table.brown .table.item.current {
  background: #a5673f;
  color: #ffffff;
}
.ui.widget-table.grey .table.item:hover:not(.current) {
  background: rgba(118, 118, 118, 0.12);
}
.ui.widget-table.grey .table.item.current {
  background: #767676;
  color: #ffffff;
}
.ui.widget-table.black .table.item:hover:not(.current) {
  background: rgba(27, 28, 29, 0.12);
}
.ui.widget-table.black .table.item.current {
  background: #1b1c1d;
  color: #ffffff;
}

.ui.input input:read-only {
  background-color: #fbfbfb;
}

.ui.input.select > .editor.placeholder:not(:focus) {
  color: #999999;
}
.ui.input.drop > .icon {
  pointer-events: inherit !important;
}
.ui.input.drop > .value-content {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 1.2142em;
  padding: 0.67861429em 1em;
  pointer-events: none;
  list-style: none;
}
.ui.input.drop > .value-content.placeholder {
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.ui.input.drop.filterable.opened input {
  border-color: rgba(0, 0, 0, 0.3);
}
.ui.input.drop.filterable.opened > .value-content {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ui.drop-container {
  background: #ffffff;
}
.ui.drop-container .filter-container {
  background: #ffffff;
  padding: 0.25em;
}
.ui.drop-container.dialog {
  min-width: 20em;
}
.ui.drop-box {
  position: absolute;
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.3);
  min-height: 1em;
  width: auto;
}
.ui.drop-box.direction-down {
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  border-top-width: 0;
}
.ui.drop-box.direction-down.x-over {
  border-radius: 0.28571429rem;
  border-top-width: 1px;
}
.ui.drop-box.direction-up {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
  border-bottom-width: 0;
}
.ui.drop-box.direction-up.x-over {
  border-radius: 0.28571429rem;
  border-bottom-width: 1px;
}
.ui.drop-box .filter-pane {
  padding: 0.5em;
}
.ui.drop-box.inverted {
  border-radius: 0.28571429rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.ui.calendar.mild .header {
  height: 1.75em;
  padding: 0.25em 0.5em;
}
.ui.calendar.mild .header .button {
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  font-size: 1em;
}
.ui.calendar.mild .header .label {
  margin: 0 1.5em;
  line-height: 1.5em;
  font-size: 1em;
}
.ui.calendar.mild .date-header td {
  transform: scale(0.8);
  color: rgba(0, 0, 0, 0.5);
}
.ui.calendar.mild .date-table-wrapper {
  position: relative;
  min-height: 100px;
  min-width: 100px;
}
.ui.calendar.mild .date-table-wrapper .date-table {
  height: auto;
}
.ui.calendar.mild .date-table-wrapper .date-table > tbody > tr > td:last-child,
.ui.calendar.mild .date-table-wrapper .date-table > tbody > tr > td:first-child {
  background: rgba(0, 181, 173, 0.1);
}
.ui.calendar.mild .date-table-wrapper .date-table td {
  text-align: center;
  padding: 0.2em 0;
}
.ui.calendar.mild .date-table-wrapper .date-table td div.label {
  border-radius: 1px;
}
.ui.calendar.mild .date-table-wrapper .date-table td.selected div.label {
  background: #00b5ad;
}
.ui.calendar.mild .date-table-wrapper .date-table td:hover:not(.selected) div.label {
  color: #fff;
  background: rgba(0, 181, 173, 0.5);
}
.ui.date.input > input {
  font-family: Arial, sans-serif;
}
.ui.date.input i.calendar.icon {
  cursor: pointer !important;
}
.ui.year-month-grid .header {
  padding: 0.5em 1em;
  border-bottom: 1px solid #00b5ad;
}
.ui.year-month-grid .header > .year {
  display: -webkit-box;
  display: -moz-box;
}
.ui.year-month-grid .header > .year > .button {
  display: block;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  width: 2.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  color: #00b5ad;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 1.25em;
}
.ui.year-month-grid .header > .year > .button.prev:before {
  font-family: Icons;
  content: "\f104";
}
.ui.year-month-grid .header > .year > .button.next:before {
  font-family: Icons;
  content: "\f105";
}
.ui.year-month-grid .header > .year > .label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  display: block;
  text-align: center;
  line-height: 1.5em;
  cursor: pointer;
  font-size: 1.25em;
  color: #454545;
}
.ui.year-month-grid .table-wrapper table {
  width: 100%;
  min-height: 12em;
}
.ui.year-month-grid .table-wrapper table td {
  min-width: 4em;
  text-align: center;
  height: 2em;
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
}
.ui.year-month-grid .table-wrapper table td:hover {
  background-color: #f4f4f4;
}
.ui.year-month-grid .table-wrapper table td > div {
  padding: 0.4em 0.8em;
  display: inline-block;
  border-radius: 2px;
  width: 5em;
}
.ui.year-month-grid .table-wrapper table td.selected > div {
  background-color: #00b5ad;
  color: rgba(255, 255, 255, 0.9);
}
.ui.time-editor {
  display: inline-block;
}
.ui.time-editor .ui.input {
  width: 2em;
}
.ui.time-editor .ui.input input {
  padding: 2px;
  text-align: center;
  border-radius: 2px;
  line-height: 1em;
}
.ui.time-editor .separator {
  display: inline-block;
  padding: 2px;
}
.v-box.date-time-picker {
  min-height: 260px;
  overflow: hidden;
}
.v-box.date-time-picker > .flex-box {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.v-box.date-time-picker > .box {
  height: 32px;
  padding-top: 5px;
}
.v-box.date-time-picker > .box .label {
  display: inline-block;
  padding: 2px 4px 0;
  font-size: 12px;
}
.v-box.date-time-picker > .box .ui.button {
  padding: 5px;
  font-size: 12px;
  line-height: 1em;
}
.v-box.date-time-picker > .box > .h-box {
  height: 100%;
  overflow: hidden;
}
.v-box.date-time-picker > .box > .h-box > .flex-box {
  overflow: hidden;
}
.v-box.date-time-picker > .box > .h-box .actions {
  padding: 0 4px 0 0;
}

.ui.sub-view {
  display: block;
  overflow: hidden;
}
.ui.sub-view > .content {
  height: 100%;
}
.ui.sub-view > .ui.dimmer {
  background: transparent !important;
}
.ui.iframe {
  display: block;
  position: relative;
}
.ui.iframe > iframe {
  width: 100%;
  height: 100%;
}
.ui.iframe > .ui.dimmer {
  background: transparent !important;
}

@keyframes breath {
  from {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0.2;
  }
}
@-webkit-keyframes breath {
  from {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0.2;
  }
}
.ui.sys-dimmer {
  opacity: 0.1 !important;
}
.ui.sys-dimmer.card {
  margin: 0 !important;
}
.ui.message-box {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  position: fixed !important;
}
.ui.message-box .close-btn.hidden,
.ui.message-box .actions.hidden {
  display: none !important;
}
.ui.message-box.desktop {
  text-align: left;
  background: #ffffff;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
  -ms-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  border-radius: 0.28571429rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  min-width: 360px;
}
.ui.message-box.desktop .content-container .close-btn {
  cursor: pointer;
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  z-index: 1;
  opacity: 0.5;
  font-size: 1em;
  color: #1b1c1d;
  line-height: 2rem;
}
.ui.message-box.desktop .content-container .close-btn:hover {
  opacity: 1;
}
.ui.message-box.desktop .content-container > .header {
  background: #ffffff;
  margin: 0em;
  padding: 1rem 1.25rem;
  box-shadow: none;
  color: #1b1c1d;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.message-box.desktop .content-container > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.2857em;
  font-weight: bold;
}
.ui.message-box.desktop .content-container > .image.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ui.message-box.desktop .content-container > .image.content > .image,
.ui.message-box.desktop .content-container > .image.content > .description {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.ui.message-box.desktop .content-container > .content {
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #ffffff;
}
.ui.message-box.desktop .content-container > .content > .image {
  min-width: 4em;
  text-align: center;
}
.ui.message-box.desktop .content-container > .content > .icon + .description,
.ui.message-box.desktop .content-container > .content > .image + .description {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
  padding-left: 2em;
}
.ui.message-box.desktop .content-container > .content > .image > i.icon {
  margin: 0em;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}
.ui.message-box.desktop .content-container .actions {
  background: #f9fafb;
  padding: 0.75rem 1rem;
  width: 100%;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}
.ui.message-box.desktop .content-container .actions > .button {
  margin-left: 0.75em;
}
.ui.message-box.mobile {
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  width: 100%;
  background-color: #ffffff;
  height: 40%;
  border-radius: 0em;
  margin: 0em;
  overflow: visible;
}
.ui.message-box.mobile > .content-container {
  width: 100%;
}
.ui.message-box.mobile > .content-container .content {
  text-align: center;
  padding: 2rem 0 2rem 0;
}
.ui.message-box.mobile > .content-container .content .image {
  padding: 1rem;
  height: 6em;
  line-height: 4em;
}
.ui.message-box.mobile > .content-container .header:not(.ui) > .close {
  cursor: pointer;
}
.ui.message-box.mobile > .content-container .header:not(.ui) > .close i {
  line-height: 2.75rem;
  height: 2.75em;
}
.ui.message-box.mobile.standard::before {
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
}
.ui.message-box.mobile.standard .header {
  background-color: transparent;
  position: relative;
  margin-top: -2rem;
  text-align: center;
}
.ui.message-box.mobile.standard .header .caption {
  display: none;
}
.ui.message-box.mobile.standard .header > .close-btn {
  width: 4em;
  height: 4em;
  border-radius: 2rem;
  display: inline-block;
  line-height: 4rem;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  text-align: center;
  color: #ffffff;
  opacity: 1;
}
.ui.message-box.mobile.standard .header > .close-btn i {
  line-height: 4rem;
  height: 4em;
  animation-name: breath;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: breath;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  margin-right: 0rem;
}
.ui.message-box.mobile.standard.info .header > .close-btn,
.ui.message-box.mobile.standard.info::before {
  background-color: #2185d0;
}
.ui.message-box.mobile.standard.warning .header > .close-btn,
.ui.message-box.mobile.standard.warning::before {
  background-color: #fbbd08;
}
.ui.message-box.mobile.standard.error .header > .close-btn,
.ui.message-box.mobile.standard.error::before {
  background-color: #db2828;
}
.ui.message-box.mobile.simplicity .content-container > .header {
  position: relative;
  height: 2.75rem;
}
.ui.message-box.mobile.simplicity .content-container > .header .caption {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
  padding: 0.5785em 0.75em 0.75em 1em;
}
.ui.message-box.mobile.simplicity .content-container > .header > .close-btn {
  position: absolute;
  height: 2.75rem;
  top: 0px;
  line-height: 2.75rem;
  right: 10px;
}
.ui.message-box.mobile.simplicity .content-container > .header::after {
  height: 1px;
  display: block;
  content: "";
  width: 100%;
}
.ui.message-box.mobile.simplicity::before {
  height: 2px;
  display: block;
  content: "";
  width: 100%;
}
.ui.message-box.mobile.simplicity.info {
  color: #2185d0;
}
.ui.message-box.mobile.simplicity.info .header::after {
  background-color: #2185d0;
}
.ui.message-box.mobile.simplicity.info::before {
  background-color: #2185d0;
}
.ui.message-box.mobile.simplicity.warning {
  color: #fbbd08;
}
.ui.message-box.mobile.simplicity.warning .header::after {
  background-color: #fbbd08;
}
.ui.message-box.mobile.simplicity.warning::before {
  background-color: #fbbd08;
}
.ui.message-box.mobile.simplicity.error {
  color: #db2828;
}
.ui.message-box.mobile.simplicity.error .header::after {
  background-color: #db2828;
}
.ui.message-box.mobile.simplicity.error::before {
  background-color: #db2828;
}
.ui.message-box.mobile.card {
  margin: 0 !important;
}
.ui.message-box.mobile.card,
.ui.message-box.mobile.card > .content-container,
.ui.message-box.mobile.card > .content-container > .header {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.ui.message-box.mobile.card .content-container .header {
  text-align: center;
  color: #ffffff;
  position: relative;
  height: 2.75rem;
}
.ui.message-box.mobile.card .content-container .header .caption {
  display: none;
}
.ui.message-box.mobile.card .content-container .header > .close-btn {
  width: 100%;
  line-height: 2.75rem;
}
.ui.message-box.mobile.card .content-container .header > .close-btn i.icon {
  font-size: 1.25em;
}
.ui.message-box.mobile.card.info .header {
  background-color: #2185d0;
}
.ui.message-box.mobile.card.warning .header {
  background-color: #fbbd08;
}
.ui.message-box.mobile.card.error .header {
  background-color: #db2828;
}
.ui.message-box.mobile.tradition .content-container .header {
  position: relative;
  width: 100%;
  height: 2.75rem;
  color: #ffffff;
}
.ui.message-box.mobile.tradition .content-container .header .caption {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
  padding: 0.5785em 0.75em 0.75em 1em;
}
.ui.message-box.mobile.tradition .content-container .header > .close-btn {
  position: absolute;
  height: 2.75rem;
  top: 0px;
  line-height: 2.75rem;
  right: 10px;
}
.ui.message-box.mobile.tradition .content-container .actions {
  width: 100%;
}
.ui.message-box.mobile.tradition.info .header {
  background-color: #2185d0;
}
.ui.message-box.mobile.tradition.warning .header {
  background-color: #fbbd08;
}
.ui.message-box.mobile.tradition.error .header {
  background-color: #db2828;
}
.mobile .ui.message-box {
  min-width: 300px !important;
}

.ui.layer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.ui.black.layer {
  background-color: #1b1c1d !important;
  color: #ffffff !important;
}
.ui.blue.layer {
  background-color: #3b83c0 !important;
  color: #ffffff !important;
}
.ui.green.layer {
  background-color: #5bbd72 !important;
  color: #ffffff !important;
}
.ui.orange.layer {
  background-color: #e07b53 !important;
  color: #ffffff !important;
}
.ui.pink.layer {
  background-color: #d9499a !important;
  color: #ffffff !important;
}
.ui.purple.layer {
  background-color: #564f8a !important;
  color: #ffffff !important;
}
.ui.red.layer {
  background-color: #d95c5c !important;
  color: #ffffff !important;
}
.ui.teal.layer {
  background-color: #00b5ad !important;
  color: #ffffff !important;
}
.ui.yellow.layer {
  background-color: #f2c61f !important;
  color: #ffffff !important;
}

.ui.dialog {
  position: fixed;
  z-index: 1000;
  display: none;
  top: 50%;
  left: 50%;
  text-align: left;
  background: #ffffff;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
  -ms-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  border-radius: 0.28571429rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
  min-width: 240px;
}
.ui.dialog.v-box {
  height: auto;
}
.ui.dialog > :first-child:not(.icon),
.ui.dialog > .icon:first-child + * {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.dialog > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
/*******************************
            Content
*******************************/
/*--------------
     Close
---------------*/
.ui.dialog .close-btn {
  cursor: pointer;
  position: absolute;
  top: -1rem;
  right: -1.25rem;
  z-index: 1;
  border-radius: 50%;
  font-size: 1.25em;
  color: #ffffff;
  line-height: 2rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
}
/*--------------
     Header
---------------*/
.ui.dialog > .header {
  display: block;
  background: #ffffff;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.dialog > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.2857em;
  font-weight: bold;
}
/*--------------
     Content
---------------*/
.ui.dialog > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  overflow: auto;
  background: #ffffff;
}
.ui.dialog > .image.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ui.dialog > .image.content > .image,
.ui.dialog > .image.content > .description {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  min-width: 0px;
}
.ui.dialog > .content > .icon + .description,
.ui.dialog > .content > .image + .description {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: '';
  width: auto;
  padding-left: 2em;
}
/*rtl:ignore*/
.ui.dialog > .content > .image > i.icon {
  margin: 0;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}
/*--------------
     Actions
---------------*/
.ui.dialog .actions {
  background: #f9fafb;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}
.ui.dialog .actions > .button {
  margin-left: 0.75em;
}
.ui.fixed.dimmer {
  position: fixed !important;
}

.ui.carousel {
  display: block;
  overflow: hidden;
  position: relative;
}
.ui.carousel > .items-wrap {
  position: relative;
  height: 100%;
}
.ui.carousel > .items-wrap > * {
  height: 100%;
  position: relative;
  float: left;
}
.ui.carousel > .indicators {
  position: absolute;
  z-index: 1;
  vertical-align: middle;
  text-align: center;
}
.ui.carousel > .indicators > span {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background-clip: content-box;
  margin: 0.25em;
  transition-duration: 0.6s;
  transition-property: background-color, border-color, color, -webkit-box-shadow, -webkit-transform;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.ui.carousel > .indicators > span.active {
  border-color: #2185d0;
  background-color: #2185d0;
}
.ui.carousel .controls a {
  width: 32px;
  height: 32px;
  display: block;
  top: 50%;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  margin-top: -16px;
  opacity: 0.5;
  transition: opacity 0.35s linear 0s;
  background-image: url('');
}
.ui.carousel .controls a.prev {
  left: 0.75em;
}
.ui.carousel .controls a.next {
  right: 0.75em;
  background-position: -32px 0;
}
.ui.carousel .controls a:hover {
  opacity: 1;
}
.ui.carousel-horizontal > .indicators {
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1.5em;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
}
.ui.carousel-vertical > .indicators {
  right: 0;
  top: 0;
  width: 1.5em;
  height: 100%;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.ui.carousel-vertical .controls a {
  margin-top: 0px;
  margin-left: -16px;
}
.ui.carousel-vertical .controls a.prev {
  top: 0.75em;
  left: 50%;
  bottom: auto;
  background-position: 0 -32px;
}
.ui.carousel-vertical .controls a.next {
  top: auto;
  left: 50%;
  bottom: 0.75em;
  margin-left: -18px;
  background-position: -32px -32px;
}

.ui.card-book,
c-cardbook {
  overflow: hidden;
  display: block;
}
.ui.card-book > .item,
c-cardbook > .item,
.ui.card-book > item,
c-cardbook > item {
  display: none;
}
.ui.card-book > .item.active,
c-cardbook > .item.active,
.ui.card-book > item.active,
c-cardbook > item.active {
  display: block;
}
tab {
  display: block;
}
.ui.c-tab {
  overflow: hidden;
}
.ui.c-tab > nav {
  overflow: hidden;
  background: #ededed;
}
.ui.c-tab > nav > tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  transition-duration: 0.3s;
  transition-property: left, top;
}
.ui.c-tab > nav > tabs > tab {
  background: #ededed;
  list-style-type: none;
  position: relative;
  padding: 0 0.8em;
  cursor: pointer;
  line-height: 32px;
  float: left;
  font-size: 1em;
  transition-duration: 0.3s;
  transition-property: background-color, border-color, color, box-shadow, transform;
}
.ui.c-tab > nav > tabs > tab > * {
  float: left;
}
.ui.c-tab > nav > tabs > tab > .caption i {
  margin-right: 0.4em;
  opacity: 0.7;
}
.ui.c-tab > nav > tabs > tab.active {
  background-color: #fff;
}
.ui.c-tab > nav > tabs > tab .close-btn {
  opacity: 0.3;
  margin-left: 0.4em;
}
.ui.c-tab > nav > tabs > tab .close-btn > i {
  margin: 0;
}
.ui.c-tab > nav > tabs > tab .close-btn:hover {
  opacity: 0.6;
  color: #db2828;
}
.ui.c-tab > nav > tabs > tab:hover {
  background-color: #f7f7f7;
}
.ui.c-tab > contents {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ui.c-tab > contents > content {
  display: none;
  margin: 0;
}
.ui.c-tab > contents > content.active {
  display: block;
}
.ui.c-tab > contents > content.active p {
  white-space: initial;
}
.ui.c-tab.top-tab,
.ui.c-tab.bottom-tab,
.ui.c-tab.left-tab,
.ui.c-tab.right-tab {
  position: relative;
}
.ui.c-tab.top-tab > nav,
.ui.c-tab.bottom-tab > nav,
.ui.c-tab.left-tab > nav,
.ui.c-tab.right-tab > nav {
  position: relative;
}
.ui.c-tab.top-tab > nav > .pre-button,
.ui.c-tab.bottom-tab > nav > .pre-button,
.ui.c-tab.left-tab > nav > .pre-button,
.ui.c-tab.right-tab > nav > .pre-button,
.ui.c-tab.top-tab > nav > .next-button,
.ui.c-tab.bottom-tab > nav > .next-button,
.ui.c-tab.left-tab > nav > .next-button,
.ui.c-tab.right-tab > nav > .next-button {
  background-color: #ededed;
  position: absolute;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  cursor: pointer;
  display: none;
  z-index: 1;
}
.ui.c-tab.top-tab > nav > .pre-button.visible,
.ui.c-tab.bottom-tab > nav > .pre-button.visible,
.ui.c-tab.left-tab > nav > .pre-button.visible,
.ui.c-tab.right-tab > nav > .pre-button.visible,
.ui.c-tab.top-tab > nav > .next-button.visible,
.ui.c-tab.bottom-tab > nav > .next-button.visible,
.ui.c-tab.left-tab > nav > .next-button.visible,
.ui.c-tab.right-tab > nav > .next-button.visible {
  display: inline-block;
}
.ui.c-tab.top-tab > nav > .pre-button.disabled,
.ui.c-tab.bottom-tab > nav > .pre-button.disabled,
.ui.c-tab.left-tab > nav > .pre-button.disabled,
.ui.c-tab.right-tab > nav > .pre-button.disabled,
.ui.c-tab.top-tab > nav > .next-button.disabled,
.ui.c-tab.bottom-tab > nav > .next-button.disabled,
.ui.c-tab.left-tab > nav > .next-button.disabled,
.ui.c-tab.right-tab > nav > .next-button.disabled {
  opacity: 0.4;
}
.ui.c-tab.top-tab > nav > .pre-button:hover,
.ui.c-tab.bottom-tab > nav > .pre-button:hover,
.ui.c-tab.left-tab > nav > .pre-button:hover,
.ui.c-tab.right-tab > nav > .pre-button:hover,
.ui.c-tab.top-tab > nav > .next-button:hover,
.ui.c-tab.bottom-tab > nav > .next-button:hover,
.ui.c-tab.left-tab > nav > .next-button:hover,
.ui.c-tab.right-tab > nav > .next-button:hover {
  background-color: #d9d9d9;
}
.ui.c-tab.top-tab > nav > tabs > tab.active,
.ui.c-tab.top-tab > nav > tabs > tab:hover {
  box-shadow: inset 0 2px 0 #15a4fa;
}
.ui.c-tab.bottom-tab > nav > tabs > tab.active,
.ui.c-tab.bottom-tab > nav > tabs > tab:hover {
  box-shadow: inset 0 -2px 0 #15a4fa;
}
.ui.c-tab.left-tab > nav > tabs > tab.active,
.ui.c-tab.left-tab > nav > tabs > tab:hover {
  box-shadow: inset 2px 0 0 #15a4fa;
}
.ui.c-tab.right-tab > nav > tabs > tab.active,
.ui.c-tab.right-tab > nav > tabs > tab:hover {
  box-shadow: inset -2px 0 0 #15a4fa;
}
.ui.c-tab.top-tab,
.ui.c-tab.bottom-tab {
  position: relative;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ui.c-tab.top-tab > nav,
.ui.c-tab.bottom-tab > nav {
  height: 32px;
}
.ui.c-tab.top-tab > nav > .pre-button,
.ui.c-tab.bottom-tab > nav > .pre-button,
.ui.c-tab.top-tab > nav > .next-button,
.ui.c-tab.bottom-tab > nav > .next-button {
  width: 2em;
  height: 32px;
  line-height: 32px;
  top: 0;
}
.ui.c-tab.top-tab > nav > .pre-button,
.ui.c-tab.bottom-tab > nav > .pre-button {
  left: 0;
}
.ui.c-tab.top-tab > nav > .pre-button:before,
.ui.c-tab.bottom-tab > nav > .pre-button:before {
  content: "\f104";
}
.ui.c-tab.top-tab > nav > .next-button,
.ui.c-tab.bottom-tab > nav > .next-button {
  right: 0;
}
.ui.c-tab.top-tab > nav > .next-button:before,
.ui.c-tab.bottom-tab > nav > .next-button:before {
  content: "\f105";
}
.ui.c-tab.top-tab > nav > tabs,
.ui.c-tab.bottom-tab > nav > tabs {
  width: 4800px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.ui.c-tab.top-tab > nav > tabs > tab,
.ui.c-tab.bottom-tab > nav > tabs > tab {
  border-right: 1px solid #d9d9d9;
}
.ui.c-tab.left-tab,
.ui.c-tab.right-tab,
.ui.c-tab.bottom-tab,
.ui.c-tab.top-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.c-tab.left-tab > nav,
.ui.c-tab.right-tab > nav,
.ui.c-tab.bottom-tab > nav,
.ui.c-tab.top-tab > nav {
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ui.c-tab.left-tab > contents,
.ui.c-tab.right-tab > contents,
.ui.c-tab.bottom-tab > contents,
.ui.c-tab.top-tab > contents {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.ui.c-tab.left-tab > contents > content,
.ui.c-tab.right-tab > contents > content,
.ui.c-tab.bottom-tab > contents > content,
.ui.c-tab.top-tab > contents > content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ui.c-tab.left-tab,
.ui.c-tab.right-tab {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ui.c-tab.left-tab > nav,
.ui.c-tab.right-tab > nav {
  display: block;
}
.ui.c-tab.left-tab > nav > .pre-button,
.ui.c-tab.right-tab > nav > .pre-button,
.ui.c-tab.left-tab > nav > .next-button,
.ui.c-tab.right-tab > nav > .next-button {
  height: 1.5em;
  line-height: 1.5em;
  width: 100%;
  left: 0;
}
.ui.c-tab.left-tab > nav > .pre-button,
.ui.c-tab.right-tab > nav > .pre-button {
  top: 0;
}
.ui.c-tab.left-tab > nav > .pre-button:before,
.ui.c-tab.right-tab > nav > .pre-button:before {
  content: "\f106";
}
.ui.c-tab.left-tab > nav > .next-button,
.ui.c-tab.right-tab > nav > .next-button {
  bottom: 0;
}
.ui.c-tab.left-tab > nav > .next-button:before,
.ui.c-tab.right-tab > nav > .next-button:before {
  content: "\f107";
}
.ui.c-tab.left-tab > nav tabs,
.ui.c-tab.right-tab > nav tabs {
  position: absolute;
  height: 5000px;
  top: 0px;
}
.ui.c-tab.left-tab > nav > tabs > tab,
.ui.c-tab.right-tab > nav > tabs > tab {
  padding-right: 2em;
  position: relative;
  float: none;
  border-bottom: 1px solid #d9d9d9;
}
.ui.c-tab.left-tab > nav > tabs > tab > *,
.ui.c-tab.right-tab > nav > tabs > tab > * {
  float: none;
  display: inline-block;
}
.ui.c-tab.left-tab > nav > tabs > tab .close-btn,
.ui.c-tab.right-tab > nav > tabs > tab .close-btn {
  position: absolute;
  right: 0.5em;
  top: 0;
}
.ui.c-tab.left-tab > contents,
.ui.c-tab.right-tab > contents {
  width: auto;
  display: block;
}
.ui.c-tab.left-tab.vertical > nav > tabs,
.ui.c-tab.right-tab.vertical > nav > tabs {
  height: 100%;
}
.ui.c-tab.left-tab.vertical > nav > tabs > tab,
.ui.c-tab.right-tab.vertical > nav > tabs > tab {
  line-height: 1.2em;
  min-width: 1.5em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  white-space: normal;
}
.ui.c-tab.left-tab.vertical > nav > tabs > tab > .caption > *,
.ui.c-tab.right-tab.vertical > nav > tabs > tab > .caption > * {
  margin-bottom: 0.4em;
}
.ui.c-tab.left-tab.vertical > nav > tabs > tab .close-btn,
.ui.c-tab.right-tab.vertical > nav > tabs > tab .close-btn {
  position: inherit;
}
.ui.c-tab.left-tab:not(.vertical),
.ui.c-tab.right-tab:not(.vertical) {
  white-space: nowrap;
}
.ui.c-tab.right-tab > nav,
.ui.c-tab.bottom-tab > nav {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.ui.c-tab.right-tab > contents,
.ui.c-tab.bottom-tab > contents {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.ui.c-tab.bottom-tab {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

body .ui.menu {
  margin: 0em;
}
.ui.menu .leftContent {
  display: none;
}
.ui.menu.secondary .item.disabled:hover {
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3) !important;
}
.ui.title-bar {
  position: relative;
  border-radius: 0 !important;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  box-shadow: none;
}
.ui.title-bar .title {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  width: 100%;
  padding: 0;
  margin: 0 2px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  left: 0;
  bottom: 0;
  top: 0;
}
.ui.title-bar .title a {
  color: inherit;
}
.ui.title-bar.bottom {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.ui.title-bar.shadow {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  z-index: 1;
}

.multi-slot-picker {
  background-color: #fff;
  z-index: 9999999;
  padding-top: 20px;
  color: #333333;
  overflow: hidden;
}
.multi-slot-picker > .body {
  width: 100%;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-orient: horizontal;
}
.multi-slot-picker > .body > .slot-picker {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  margin-left: 20px;
  flex: 0 1 auto;
}
.multi-slot-picker > .body > .slot-picker > .unit {
  text-align: center;
  color: #333333;
}
.multi-slot-picker > .body > .slot-picker > .slot {
  position: relative;
}
.multi-slot-picker > .body > .slot-picker > .slot > .mask {
  z-index: 3;
  position: absolute;
  left: 1px;
  top: 0;
  right: 1px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  pointer-events: none;
  overflow: hidden;
}
.multi-slot-picker > .body > .slot-picker > .slot > .mask > .bar {
  height: 60px;
  border: #00b5ad solid 1px;
  border-left-width: 0;
  border-right-width: 0;
}
.multi-slot-picker > .body > .slot-picker > .slot > .list {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  height: 180px;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
  width: 62px;
}
.multi-slot-picker > .body > .slot-picker > .slot > .list > .items-wrap {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 62px;
  font-size: 1.25em;
}
.multi-slot-picker > .body > .slot-picker > .slot > .list > .items-wrap > .slot-item {
  height: 60px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
}
.multi-slot-picker > .body > .slot-picker > .slot > .list > .items-wrap > .dummy-item {
  height: 60px;
}
.multi-slot-picker > .body > .slot-picker:first-child {
  margin-left: 0;
}
.multi-slot-picker > .ui.attached.buttons.actions {
  display: block;
  margin-top: 20px !important;
}
.ui.layer.date-timer {
  position: fixed;
  z-index: 1001;
}
.ui.layer.date-timer > .actions {
  display: block;
}

.calendar {
  overflow: hidden;
  display: block;
  position: relative;
  font-family: Arial, sans-serif;
}
.calendar table {
  width: 100%;
}
.calendar .header {
  height: 2.25em;
  padding: 0.25em 1.2em;
}
.calendar .header .button {
  display: inline-block;
  float: left;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  color: #00b5ad;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 1.25em;
}
.calendar .header .button.next {
  float: right;
}
.calendar .header .button.prev:before {
  font-family: Icons;
  content: "\f104";
}
.calendar .header .button.next:before {
  font-family: Icons;
  content: "\f105";
}
.calendar .header .label {
  margin: 0 1.5em;
  text-align: center;
  line-height: 1.5em;
  cursor: pointer;
  font-size: 1.25em;
  color: #454545;
}
.calendar .header .year,
.calendar .header .month {
  display: inline-block;
  width: 50%;
}
.calendar .date-header {
  height: 1.5em;
  border-bottom: 1px solid #00b5ad;
}
.calendar .date-header td {
  text-align: center;
  transform: scale(0.9);
  color: rgba(0, 0, 0, 0.5);
}
.calendar .date-header .header {
  padding: 0;
}
.calendar .popup-wrapper {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  bottom: 0;
}
.calendar .date-table-wrapper {
  position: relative;
  min-height: 200px;
  min-width: 300px;
}
.calendar .date-table-wrapper .ui.stack {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0px;
  bottom: 0px;
}
.calendar .date-table-wrapper .date-table {
  height: 236px;
  float: left;
}
.calendar .date-table-wrapper .date-table.hidden {
  display: none;
}
.calendar .date-table-wrapper .date-table td {
  text-align: center;
  padding: 0.5em 0;
}
.calendar .date-table-wrapper .date-table td.has-event {
  padding-bottom: 2px;
}
.calendar .date-table-wrapper .date-table td.has-event:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: relative;
  left: 50%;
  top: 2px;
  margin-left: -3px;
  border-radius: 3px;
  background: #ccc;
}
.calendar .date-table-wrapper .date-table td.next-month,
.calendar .date-table-wrapper .date-table td.prev-month {
  opacity: 0.4;
}
.calendar .date-table-wrapper .date-table td div.label {
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  line-height: 1.75em;
  cursor: pointer;
}
.calendar .date-table-wrapper .date-table td.selected div.label {
  background: #00b5ad;
  color: #FFF;
  border-radius: 50%;
}
.calendar.inverted {
  background-color: #1b1c1d;
  color: rgba(255, 255, 255, 0.9);
}
.calendar.inverted .header .button {
  color: rgba(255, 255, 255, 0.9);
}
.calendar.inverted .header .label {
  color: rgba(255, 255, 255, 0.9);
}
.calendar.inverted .date-header {
  border: none;
}
.calendar.inverted > .header,
.calendar.inverted > .date-header {
  background-color: rgba(255, 255, 255, 0.1);
}
.calendar.inverted .date-table-wrapper .date-table td.selected div.label {
  background: #fff;
  color: #1b1c1d;
}
.calendar.material .header {
  padding: 0.25em 0.5em;
}
.calendar.material .header .button {
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  font-size: 1.15em;
}
.calendar.material .header .label {
  margin: 0 1.5em;
  line-height: 1.5em;
  font-size: 1.15em;
}
.calendar.material .date-header td {
  transform: scale(0.8);
  color: rgba(0, 0, 0, 0.5);
}
.calendar.material .caption-panel {
  background-color: #fbfbfb;
}
.calendar.material .date-table-wrapper {
  position: relative;
  min-width: 100px;
}
.calendar.material .date-table-wrapper .date-table {
  height: auto;
}
.calendar.material .date-table-wrapper .date-table > tbody > tr > td:last-child,
.calendar.material .date-table-wrapper .date-table > tbody > tr > td:first-child {
  background: rgba(0, 181, 173, 0.1);
}
.calendar.material .date-table-wrapper .date-table td {
  text-align: center;
  padding: 0.2em 0;
}
.calendar.material .date-table-wrapper .date-table td div.label {
  border-radius: 1px;
}
.calendar.material .date-table-wrapper .date-table td.selected div.label {
  background: #00b5ad;
}
.calendar.material .date-table-wrapper .date-table td:hover:not(.selected) div.label {
  color: #fff;
  background: rgba(0, 181, 173, 0.5);
}

.ui.stack {
  height: 100%;
}
.ui.stack > .items-wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.ui.stack > .items-wrap > .item {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
}
html.ios {
  height: 100% !important;
}
html.ios body {
  height: 100% !important;
}

.ui.grouped .radio,
.ui.grouped .slider,
.ui.grouped .toggle {
  padding: 0 0.5em;
}
.ui.radio-group > item {
  display: inline-block;
  padding: 0 0.5em;
  height: auto;
  cursor: pointer;
}
.ui.radio-group > item input {
  display: none;
}
.ui.radio-group > item input + label {
  padding: 0 0 0 1.5em;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.ui.radio-group > item input + label:before {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid rgba(34, 36, 38, 0.15);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 4px;
  content: "";
}
.ui.radio-group > item input:checked + label:before {
  border-color: #2185d0;
}
.ui.radio-group > item input:checked + label:after {
  -webkit-appearance: none;
  background-color: #2185d0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 7px;
  content: "";
}
.ui.radio-group > item:hover input:not(:checked) + label:before {
  border-color: #2185d0;
}

.ui.sidebar {
  display: none;
}
.ui.sidebar.visible {
  display: block !important;
}
.ui.sidebar.animation {
  display: block !important;
}
.hide-overflow {
  overflow: hidden !important;
}

.ui.menu.pager .page-item > .ui.input > input {
  width: 4em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.menu.pager .page-item > .ui.input .ui.button {
  padding-left: 0.8em;
  padding-right: 0.8em;
}
.ui.menu.pager .item.disabled:hover {
  color: rgba(40, 40, 40, 0.3);
}
.ui.menu.pager .page-size-desc {
  white-space: nowrap;
  margin-right: 0.5em;
}
.ui.menu.pager .desc.page-item {
  padding-right: 2px;
  padding-left: 2px;
}
.ui.menu.pager .page-item > i.icon {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
@-webkit-keyframes breathe {
  0% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
.ui.time-line > ul > li > content,
c-timeline > ul > li > content,
.ui.time-line > ul > li > label,
c-timeline > ul > li > label,
.ui.time-line > ul > li > icon,
c-timeline > ul > li > icon {
  display: block;
}
.ui.time-line > .items,
c-timeline > .items,
.ui.time-line > ul,
c-timeline > ul {
  list-style: none;
  padding: 0.6em 0;
  height: 100%;
  overflow: auto;
}
.ui.time-line > .items > .item,
c-timeline > .items > .item,
.ui.time-line > ul > .item,
c-timeline > ul > .item,
.ui.time-line > .items > li,
c-timeline > .items > li,
.ui.time-line > ul > li,
c-timeline > ul > li {
  position: relative;
  padding: 0 !important;
}
.ui.time-line > .items > .item:before,
c-timeline > .items > .item:before,
.ui.time-line > ul > .item:before,
c-timeline > ul > .item:before,
.ui.time-line > .items > li:before,
c-timeline > .items > li:before,
.ui.time-line > ul > li:before,
c-timeline > ul > li:before {
  position: absolute;
  border: 1px solid #e0e0e0;
  left: 8em;
  top: 1.6em;
  bottom: 0em;
  content: "";
}
.ui.time-line > .items > .item .label,
c-timeline > .items > .item .label,
.ui.time-line > ul > .item .label,
c-timeline > ul > .item .label,
.ui.time-line > .items > li .label,
c-timeline > .items > li .label,
.ui.time-line > ul > li .label,
c-timeline > ul > li .label,
.ui.time-line > .items > .item > label,
c-timeline > .items > .item > label,
.ui.time-line > ul > .item > label,
c-timeline > ul > .item > label,
.ui.time-line > .items > li > label,
c-timeline > .items > li > label,
.ui.time-line > ul > li > label,
c-timeline > ul > li > label {
  position: absolute;
  top: 0em;
  width: 8em;
  display: inline-block;
  text-align: right;
  padding: 0 2em 0 0;
}
.ui.time-line > .items > .item .content,
c-timeline > .items > .item .content,
.ui.time-line > ul > .item .content,
c-timeline > ul > .item .content,
.ui.time-line > .items > li .content,
c-timeline > .items > li .content,
.ui.time-line > ul > li .content,
c-timeline > ul > li .content,
.ui.time-line > .items > .item > content,
c-timeline > .items > .item > content,
.ui.time-line > ul > .item > content,
c-timeline > ul > .item > content,
.ui.time-line > .items > li > content,
c-timeline > .items > li > content,
.ui.time-line > ul > li > content,
c-timeline > ul > li > content {
  margin-left: 10em;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;
}
.ui.time-line > .items > .item .content p,
c-timeline > .items > .item .content p,
.ui.time-line > ul > .item .content p,
c-timeline > ul > .item .content p,
.ui.time-line > .items > li .content p,
c-timeline > .items > li .content p,
.ui.time-line > ul > li .content p,
c-timeline > ul > li .content p,
.ui.time-line > .items > .item > content p,
c-timeline > .items > .item > content p,
.ui.time-line > ul > .item > content p,
c-timeline > ul > .item > content p,
.ui.time-line > .items > li > content p,
c-timeline > .items > li > content p,
.ui.time-line > ul > li > content p,
c-timeline > ul > li > content p {
  color: rgba(103, 106, 108, 0.7);
  padding: 0.4em 0;
}
.ui.time-line > .items > .item > .icon,
c-timeline > .items > .item > .icon,
.ui.time-line > ul > .item > .icon,
c-timeline > ul > .item > .icon,
.ui.time-line > .items > li > .icon,
c-timeline > .items > li > .icon,
.ui.time-line > ul > li > .icon,
c-timeline > ul > li > .icon,
.ui.time-line > .items > .item > icon,
c-timeline > .items > .item > icon,
.ui.time-line > ul > .item > icon,
c-timeline > ul > .item > icon,
.ui.time-line > .items > li > icon,
c-timeline > .items > li > icon,
.ui.time-line > ul > li > icon,
c-timeline > ul > li > icon {
  position: absolute;
  left: 7em;
  top: -0.4em;
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  color: #18a689;
  border: 2.5px solid #e0e0e0;
}
.ui.time-line > .items > .item > .icon > .icon,
c-timeline > .items > .item > .icon > .icon,
.ui.time-line > ul > .item > .icon > .icon,
c-timeline > ul > .item > .icon > .icon,
.ui.time-line > .items > li > .icon > .icon,
c-timeline > .items > li > .icon > .icon,
.ui.time-line > ul > li > .icon > .icon,
c-timeline > ul > li > .icon > .icon,
.ui.time-line > .items > .item > icon > .icon,
c-timeline > .items > .item > icon > .icon,
.ui.time-line > ul > .item > icon > .icon,
c-timeline > ul > .item > icon > .icon,
.ui.time-line > .items > li > icon > .icon,
c-timeline > .items > li > icon > .icon,
.ui.time-line > ul > li > icon > .icon,
c-timeline > ul > li > icon > .icon {
  line-height: 1.8em;
  margin: 0;
}
.ui.time-line > .items > .item:hover > .icon > i,
c-timeline > .items > .item:hover > .icon > i,
.ui.time-line > ul > .item:hover > .icon > i,
c-timeline > ul > .item:hover > .icon > i,
.ui.time-line > .items > li:hover > .icon > i,
c-timeline > .items > li:hover > .icon > i,
.ui.time-line > ul > li:hover > .icon > i,
c-timeline > ul > li:hover > .icon > i,
.ui.time-line > .items > .item:hover > icon > i,
c-timeline > .items > .item:hover > icon > i,
.ui.time-line > ul > .item:hover > icon > i,
c-timeline > ul > .item:hover > icon > i,
.ui.time-line > .items > li:hover > icon > i,
c-timeline > .items > li:hover > icon > i,
.ui.time-line > ul > li:hover > icon > i,
c-timeline > ul > li:hover > icon > i {
  animation-timing-function: ease-in-out;
  animation-name: breathe;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.ui.time-line > .items > .item:hover > .icon,
c-timeline > .items > .item:hover > .icon,
.ui.time-line > ul > .item:hover > .icon,
c-timeline > ul > .item:hover > .icon,
.ui.time-line > .items > li:hover > .icon,
c-timeline > .items > li:hover > .icon,
.ui.time-line > ul > li:hover > .icon,
c-timeline > ul > li:hover > .icon,
.ui.time-line > .items > .item:hover > icon,
c-timeline > .items > .item:hover > icon,
.ui.time-line > ul > .item:hover > icon,
c-timeline > ul > .item:hover > icon,
.ui.time-line > .items > li:hover > icon,
c-timeline > .items > li:hover > icon,
.ui.time-line > ul > li:hover > icon,
c-timeline > ul > li:hover > icon,
.ui.time-line > .items > .item:hover:before,
c-timeline > .items > .item:hover:before,
.ui.time-line > ul > .item:hover:before,
c-timeline > ul > .item:hover:before,
.ui.time-line > .items > li:hover:before,
c-timeline > .items > li:hover:before,
.ui.time-line > ul > li:hover:before,
c-timeline > ul > li:hover:before {
  border-color: rgba(24, 166, 137, 0.6);
}
.ui.time-line.circular > .items > .item > .icon,
c-timeline.circular > .items > .item > .icon,
.ui.time-line.circular > ul > .item > .icon,
c-timeline.circular > ul > .item > .icon,
.ui.time-line.circular > .items > li > .icon,
c-timeline.circular > .items > li > .icon,
.ui.time-line.circular > ul > li > .icon,
c-timeline.circular > ul > li > .icon,
.ui.time-line.circular > .items > .item > icon,
c-timeline.circular > .items > .item > icon,
.ui.time-line.circular > ul > .item > icon,
c-timeline.circular > ul > .item > icon,
.ui.time-line.circular > .items > li > icon,
c-timeline.circular > .items > li > icon,
.ui.time-line.circular > ul > li > icon,
c-timeline.circular > ul > li > icon {
  border-radius: 50%;
}
.ui.time-line.log > .items > .item:before,
c-timeline.log > .items > .item:before,
.ui.time-line.log > ul > .item:before,
c-timeline.log > ul > .item:before,
.ui.time-line.log > .items li:before,
c-timeline.log > .items li:before,
.ui.time-line.log > ul li:before,
c-timeline.log > ul li:before,
.ui.time-line.log > .items > .item > .icon,
c-timeline.log > .items > .item > .icon,
.ui.time-line.log > ul > .item > .icon,
c-timeline.log > ul > .item > .icon,
.ui.time-line.log > .items li > .icon,
c-timeline.log > .items li > .icon,
.ui.time-line.log > ul li > .icon,
c-timeline.log > ul li > .icon {
  border-color: rgba(29, 202, 166, 0.7);
}
.ui.time-line.log > .items > .item .icon,
c-timeline.log > .items > .item .icon,
.ui.time-line.log > ul > .item .icon,
c-timeline.log > ul > .item .icon,
.ui.time-line.log > .items li .icon,
c-timeline.log > .items li .icon,
.ui.time-line.log > ul li .icon,
c-timeline.log > ul li .icon {
  color: #18a689;
}
.ui.time-line.log > .items > .item > .content,
c-timeline.log > .items > .item > .content,
.ui.time-line.log > ul > .item > .content,
c-timeline.log > ul > .item > .content,
.ui.time-line.log > .items li > .content,
c-timeline.log > .items li > .content,
.ui.time-line.log > ul li > .content,
c-timeline.log > ul li > .content,
.ui.time-line.log > .items > .item > content,
c-timeline.log > .items > .item > content,
.ui.time-line.log > ul > .item > content,
c-timeline.log > ul > .item > content,
.ui.time-line.log > .items li > content,
c-timeline.log > .items li > content,
.ui.time-line.log > ul li > content,
c-timeline.log > ul li > content {
  position: relative;
  padding: 0.4em 1em;
  color: rgba(255, 255, 255, 0.95);
  border-radius: 0.2em;
}
.ui.time-line.log > .items > .item > .content strong,
c-timeline.log > .items > .item > .content strong,
.ui.time-line.log > ul > .item > .content strong,
c-timeline.log > ul > .item > .content strong,
.ui.time-line.log > .items li > .content strong,
c-timeline.log > .items li > .content strong,
.ui.time-line.log > ul li > .content strong,
c-timeline.log > ul li > .content strong,
.ui.time-line.log > .items > .item > content strong,
c-timeline.log > .items > .item > content strong,
.ui.time-line.log > ul > .item > content strong,
c-timeline.log > ul > .item > content strong,
.ui.time-line.log > .items li > content strong,
c-timeline.log > .items li > content strong,
.ui.time-line.log > ul li > content strong,
c-timeline.log > ul li > content strong {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 2em;
}
.ui.time-line.log > .items > .item > .content p,
c-timeline.log > .items > .item > .content p,
.ui.time-line.log > ul > .item > .content p,
c-timeline.log > ul > .item > .content p,
.ui.time-line.log > .items li > .content p,
c-timeline.log > .items li > .content p,
.ui.time-line.log > ul li > .content p,
c-timeline.log > ul li > .content p,
.ui.time-line.log > .items > .item > content p,
c-timeline.log > .items > .item > content p,
.ui.time-line.log > ul > .item > content p,
c-timeline.log > ul > .item > content p,
.ui.time-line.log > .items li > content p,
c-timeline.log > .items li > content p,
.ui.time-line.log > ul li > content p,
c-timeline.log > ul li > content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.85em;
  padding: 1em 0;
}
.ui.time-line.log > .items > .item > .content:before,
c-timeline.log > .items > .item > .content:before,
.ui.time-line.log > ul > .item > .content:before,
c-timeline.log > ul > .item > .content:before,
.ui.time-line.log > .items li > .content:before,
c-timeline.log > .items li > .content:before,
.ui.time-line.log > ul li > .content:before,
c-timeline.log > ul li > .content:before,
.ui.time-line.log > .items > .item > content:before,
c-timeline.log > .items > .item > content:before,
.ui.time-line.log > ul > .item > content:before,
c-timeline.log > ul > .item > content:before,
.ui.time-line.log > .items li > content:before,
c-timeline.log > .items li > content:before,
.ui.time-line.log > ul li > content:before,
c-timeline.log > ul li > content:before {
  width: 0;
  height: 0;
  position: absolute;
  left: -0.35em;
  content: "";
  top: 1em;
  border-top: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
}
.ui.time-line.log > .items > .item > .label,
c-timeline.log > .items > .item > .label,
.ui.time-line.log > ul > .item > .label,
c-timeline.log > ul > .item > .label,
.ui.time-line.log > .items li > .label,
c-timeline.log > .items li > .label,
.ui.time-line.log > ul li > .label,
c-timeline.log > ul li > .label,
.ui.time-line.log > .items > .item > label,
c-timeline.log > .items > .item > label,
.ui.time-line.log > ul > .item > label,
c-timeline.log > ul > .item > label,
.ui.time-line.log > .items li > label,
c-timeline.log > .items li > label,
.ui.time-line.log > ul li > label,
c-timeline.log > ul li > label {
  top: 0.1em;
}
.ui.time-line.log > .items > .item > .label > *,
c-timeline.log > .items > .item > .label > *,
.ui.time-line.log > ul > .item > .label > *,
c-timeline.log > ul > .item > .label > *,
.ui.time-line.log > .items li > .label > *,
c-timeline.log > .items li > .label > *,
.ui.time-line.log > ul li > .label > *,
c-timeline.log > ul li > .label > *,
.ui.time-line.log > .items > .item > label > *,
c-timeline.log > .items > .item > label > *,
.ui.time-line.log > ul > .item > label > *,
c-timeline.log > ul > .item > label > *,
.ui.time-line.log > .items li > label > *,
c-timeline.log > .items li > label > *,
.ui.time-line.log > ul li > label > *,
c-timeline.log > ul li > label > * {
  display: list-item;
}
.ui.time-line.log > .items > .item > .label > .date,
c-timeline.log > .items > .item > .label > .date,
.ui.time-line.log > ul > .item > .label > .date,
c-timeline.log > ul > .item > .label > .date,
.ui.time-line.log > .items li > .label > .date,
c-timeline.log > .items li > .label > .date,
.ui.time-line.log > ul li > .label > .date,
c-timeline.log > ul li > .label > .date,
.ui.time-line.log > .items > .item > label > .date,
c-timeline.log > .items > .item > label > .date,
.ui.time-line.log > ul > .item > label > .date,
c-timeline.log > ul > .item > label > .date,
.ui.time-line.log > .items li > label > .date,
c-timeline.log > .items li > label > .date,
.ui.time-line.log > ul li > label > .date,
c-timeline.log > ul li > label > .date {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.8em;
}
.ui.time-line.log > .items > .item > .label > .date-time,
c-timeline.log > .items > .item > .label > .date-time,
.ui.time-line.log > ul > .item > .label > .date-time,
c-timeline.log > ul > .item > .label > .date-time,
.ui.time-line.log > .items li > .label > .date-time,
c-timeline.log > .items li > .label > .date-time,
.ui.time-line.log > ul li > .label > .date-time,
c-timeline.log > ul li > .label > .date-time,
.ui.time-line.log > .items > .item > label > .date-time,
c-timeline.log > .items > .item > label > .date-time,
.ui.time-line.log > ul > .item > label > .date-time,
c-timeline.log > ul > .item > label > .date-time,
.ui.time-line.log > .items li > label > .date-time,
c-timeline.log > .items li > label > .date-time,
.ui.time-line.log > ul li > label > .date-time,
c-timeline.log > ul li > label > .date-time {
  font-size: 1.4em;
  color: #1ab394;
}
.ui.time-line.log > .items > .item:nth-of-type(even) > .content,
c-timeline.log > .items > .item:nth-of-type(even) > .content,
.ui.time-line.log > ul > .item:nth-of-type(even) > .content,
c-timeline.log > ul > .item:nth-of-type(even) > .content,
.ui.time-line.log > .items li:nth-of-type(even) > .content,
c-timeline.log > .items li:nth-of-type(even) > .content,
.ui.time-line.log > ul li:nth-of-type(even) > .content,
c-timeline.log > ul li:nth-of-type(even) > .content,
.ui.time-line.log > .items > .item:nth-of-type(even) > content,
c-timeline.log > .items > .item:nth-of-type(even) > content,
.ui.time-line.log > ul > .item:nth-of-type(even) > content,
c-timeline.log > ul > .item:nth-of-type(even) > content,
.ui.time-line.log > .items li:nth-of-type(even) > content,
c-timeline.log > .items li:nth-of-type(even) > content,
.ui.time-line.log > ul li:nth-of-type(even) > content,
c-timeline.log > ul li:nth-of-type(even) > content {
  position: relative;
  background-color: #1ab394;
}
.ui.time-line.log > .items > .item:nth-of-type(even) > .content:before,
c-timeline.log > .items > .item:nth-of-type(even) > .content:before,
.ui.time-line.log > ul > .item:nth-of-type(even) > .content:before,
c-timeline.log > ul > .item:nth-of-type(even) > .content:before,
.ui.time-line.log > .items li:nth-of-type(even) > .content:before,
c-timeline.log > .items li:nth-of-type(even) > .content:before,
.ui.time-line.log > ul li:nth-of-type(even) > .content:before,
c-timeline.log > ul li:nth-of-type(even) > .content:before,
.ui.time-line.log > .items > .item:nth-of-type(even) > content:before,
c-timeline.log > .items > .item:nth-of-type(even) > content:before,
.ui.time-line.log > ul > .item:nth-of-type(even) > content:before,
c-timeline.log > ul > .item:nth-of-type(even) > content:before,
.ui.time-line.log > .items li:nth-of-type(even) > content:before,
c-timeline.log > .items li:nth-of-type(even) > content:before,
.ui.time-line.log > ul li:nth-of-type(even) > content:before,
c-timeline.log > ul li:nth-of-type(even) > content:before {
  border-right-color: #1ab394;
}
.ui.time-line.log > .items > .item:nth-of-type(odd) > .content,
c-timeline.log > .items > .item:nth-of-type(odd) > .content,
.ui.time-line.log > ul > .item:nth-of-type(odd) > .content,
c-timeline.log > ul > .item:nth-of-type(odd) > .content,
.ui.time-line.log > .items li:nth-of-type(odd) > .content,
c-timeline.log > .items li:nth-of-type(odd) > .content,
.ui.time-line.log > ul li:nth-of-type(odd) > .content,
c-timeline.log > ul li:nth-of-type(odd) > .content,
.ui.time-line.log > .items > .item:nth-of-type(odd) > content,
c-timeline.log > .items > .item:nth-of-type(odd) > content,
.ui.time-line.log > ul > .item:nth-of-type(odd) > content,
c-timeline.log > ul > .item:nth-of-type(odd) > content,
.ui.time-line.log > .items li:nth-of-type(odd) > content,
c-timeline.log > .items li:nth-of-type(odd) > content,
.ui.time-line.log > ul li:nth-of-type(odd) > content,
c-timeline.log > ul li:nth-of-type(odd) > content {
  background-color: #1dcaa6;
}
.ui.time-line.log > .items > .item:nth-of-type(odd) > .content:before,
c-timeline.log > .items > .item:nth-of-type(odd) > .content:before,
.ui.time-line.log > ul > .item:nth-of-type(odd) > .content:before,
c-timeline.log > ul > .item:nth-of-type(odd) > .content:before,
.ui.time-line.log > .items li:nth-of-type(odd) > .content:before,
c-timeline.log > .items li:nth-of-type(odd) > .content:before,
.ui.time-line.log > ul li:nth-of-type(odd) > .content:before,
c-timeline.log > ul li:nth-of-type(odd) > .content:before,
.ui.time-line.log > .items > .item:nth-of-type(odd) > content:before,
c-timeline.log > .items > .item:nth-of-type(odd) > content:before,
.ui.time-line.log > ul > .item:nth-of-type(odd) > content:before,
c-timeline.log > ul > .item:nth-of-type(odd) > content:before,
.ui.time-line.log > .items li:nth-of-type(odd) > content:before,
c-timeline.log > .items li:nth-of-type(odd) > content:before,
.ui.time-line.log > ul li:nth-of-type(odd) > content:before,
c-timeline.log > ul li:nth-of-type(odd) > content:before {
  border-right-color: #1dcaa6;
}
.ui.time-line.log > .items > .item:hover > .icon,
c-timeline.log > .items > .item:hover > .icon,
.ui.time-line.log > ul > .item:hover > .icon,
c-timeline.log > ul > .item:hover > .icon,
.ui.time-line.log > .items li:hover > .icon,
c-timeline.log > .items li:hover > .icon,
.ui.time-line.log > ul li:hover > .icon,
c-timeline.log > ul li:hover > .icon,
.ui.time-line.log > .items > .item:hover > icon,
c-timeline.log > .items > .item:hover > icon,
.ui.time-line.log > ul > .item:hover > icon,
c-timeline.log > ul > .item:hover > icon,
.ui.time-line.log > .items li:hover > icon,
c-timeline.log > .items li:hover > icon,
.ui.time-line.log > ul li:hover > icon,
c-timeline.log > ul li:hover > icon,
.ui.time-line.log > .items > .item:hover:before,
c-timeline.log > .items > .item:hover:before,
.ui.time-line.log > ul > .item:hover:before,
c-timeline.log > ul > .item:hover:before,
.ui.time-line.log > .items li:hover:before,
c-timeline.log > .items li:hover:before,
.ui.time-line.log > ul li:hover:before,
c-timeline.log > ul li:hover:before {
  border-color: #1ab394;
}

/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ui.panel {
  display: block;
  overflow: hidden;
}
.ui.panel:last-child {
  margin-bottom: 0;
}
.ui.panel .content {
  padding: 0.4em;
}
.ui.panel > .header > .content {
  padding: 0 1rem;
  height: 2.8rem;
  background-color: #f3f3f4;
  color: #5a5a5b;
}
.ui.panel > .header > .content > i.panel-icon {
  color: #5a5a5b;
  line-height: 2.8rem;
  height: 2.8rem;
  float: left;
}
.ui.panel > .header > .content > .caption {
  line-height: 2.8rem;
}
.ui.panel > .header > .content > .tools {
  float: right;
  height: 2.8rem;
}
.ui.panel > .header > .content > .tools > *:not(i) {
  float: left;
  line-height: 2.8rem;
  display: inline-block;
}
.ui.panel > .header > .content > .tools > *:not(i) .ui.button,
.ui.panel > .header > .content > .tools > *:not(i) .ui.input > input {
  padding: 0.6em 1em;
  font-size: 0.9rem;
}
.ui.panel > .header > .content > .tools > i {
  height: inherit;
  position: relative;
  display: inline-block;
  color: #aeaeae;
  cursor: pointer;
  line-height: 2.8rem;
}
.ui.panel > .header > .content > .tools > i:before {
  position: absolute;
}
.ui.panel > .header > .content > .tools .collapse-btn:before {
  transition: transform 0.2s ease-out;
}
.ui.panel.collapsed {
  height: 2.8rem;
}
.ui.panel.collapsed .collapse-btn:before {
  transform: rotate(-90deg);
}
.ui.panel.fieldset,
.ui.panel.groupbox {
  position: relative;
}
.ui.panel.fieldset.basic,
.ui.panel.groupbox.basic {
  border-color: transparent;
}
.ui.panel.fieldset:before,
.ui.panel.groupbox:before {
  width: 100%;
  content: "";
  position: absolute;
  border-radius: 2px;
  top: 1.4rem;
  z-index: -1;
  margin-left: -0.4em;
}
.ui.panel.fieldset > .header > .content,
.ui.panel.groupbox > .header > .content {
  position: relative;
  display: inline-block;
  background-color: transparent;
  margin-left: 3em;
  border-radius: 4px;
}
.ui.panel.fieldset > .header > .content:before,
.ui.panel.groupbox > .header > .content:before {
  border: 1px solid #d8d8dc;
  left: 0;
  right: 0;
  background-color: #fff;
  top: 2px;
  border-radius: 2px;
  bottom: 2px;
  content: "";
  z-index: -1;
  position: absolute;
}
.ui.panel.fieldset > .header > .content > .tools,
.ui.panel.groupbox > .header > .content > .tools {
  height: 2.8rem;
}
.ui.panel.fieldset:before {
  border-top: 1px solid #d8d8dc;
}
.ui.panel.groupbox:before {
  border: 1px solid #d8d8dc;
  bottom: 0;
}
.ui.panel.crowded > .content {
  padding: 0;
}
.ui.panel.basic {
  box-shadow: inset 0px 0px 0px 1px #e7eaec;
}
.ui.panel.basic > .header {
  box-shadow: inset 0px 0px 0px 1px #e7eaec;
}
.ui.panel.basic > .header > .content {
  background-color: transparent;
}
.ui.panel.basic > .header > .content:before {
  border: none;
}
.ui.panel.red > .header {
  border-left: 2.5px solid #db2828;
}
.ui.panel.orange > .header {
  border-left: 2.5px solid #f2711c;
}
.ui.panel.yellow > .header {
  border-left: 2.5px solid #fbbd08;
}
.ui.panel.olive > .header {
  border-left: 2.5px solid #b5cc18;
}
.ui.panel.green > .header {
  border-left: 2.5px solid #21ba45;
}
.ui.panel.teal > .header {
  border-left: 2.5px solid #00b5ad;
}
.ui.panel.blue > .header {
  border-left: 2.5px solid #2185d0;
}
.ui.panel.violet > .header {
  border-left: 2.5px solid #6435c9;
}
.ui.panel.purple > .header {
  border-left: 2.5px solid #a333c8;
}
.ui.panel.pink > .header {
  border-left: 2.5px solid #ff4081;
}
.ui.panel.brown > .header {
  border-left: 2.5px solid #a5673f;
}
.ui.panel.grey > .header {
  border-left: 2.5px solid #767676;
}
.ui.panel.v-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.ui.panel.v-box .header {
  margin: 0px;
}
.ui.panel.v-box > .flex-box > div {
  padding: 0.6em;
}

.ui.input > .editor {
  -webkit-appearance: none !important;
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2142em;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 0.67861429em 1em;
  background: #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  transition: background-color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
}
/*--------------------
      Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.input > .editor::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.ui.input > .editor::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.ui.input > .editor::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
/*******************************
            States
*******************************/
/*--------------------
        Active
---------------------*/
.ui.input > .editor:active,
.ui.input.down > .editor {
  border-color: rgba(0, 0, 0, 0.3);
  background: #fafafa;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}
.ui.input.focus > .editor,
.ui.input > .editor:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #ffffff;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
}
.ui.input.focus > .editor::-webkit-input-placeholder,
.ui.input > .editor:focus > .editor::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.ui.input.focus > .editor::-moz-placeholder,
.ui.input > .editor:focus > .editor::-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.ui.input.focus > .editor::-ms-input-placeholder,
.ui.input > .editor:focus > .editor::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
/*--------------------
        Error
---------------------*/
.ui.input.error > .editor {
  background-color: #fff6f6;
  border-color: #e0b4b4;
  color: #db2828;
  box-shadow: none;
}
/* Error Placeholder */
.ui.input.error > .editor ::-webkit-input-placeholder {
  color: rgba(255, 80, 80, 0.4);
}
.ui.input.error > .editor ::-moz-placeholder {
  color: rgba(255, 80, 80, 0.4);
}
.ui.input.error > .editor ::-ms-input-placeholder {
  color: rgba(255, 80, 80, 0.4);
}
/* Focused Error Placeholder */
.ui.input.error > .editor :focus::-webkit-input-placeholder {
  color: rgba(255, 80, 80, 0.7);
}
.ui.input.error > .editor :focus::-moz-placeholder {
  color: rgba(255, 80, 80, 0.7);
}
.ui.input.error > .editor :focus::-ms-input-placeholder {
  color: rgba(255, 80, 80, 0.7);
}
/*******************************
           Variations
*******************************/
/*--------------------
      Transparent
---------------------*/
.ui.transparent.input > .editor {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
}
.ui.transparent.icon.input > .editor {
  padding-left: 0em !important;
  padding-right: 2em !important;
}
.ui.transparent[class*="left icon"].input > .editor {
  padding-left: 2em !important;
  padding-right: 0em !important;
}
.ui.transparent.inverted.input > .editor {
  color: inherit;
}
.ui.transparent.inverted.input > .editor::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > .editor::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > .editor::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.icon.input > .editor {
  padding-right: 2.67142857em !important;
}
.ui[class*="left icon"].input > .editor {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}
/* Focus */
.ui.icon.input > .editor:focus ~ i.icon {
  opacity: 1;
}
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .editor {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input > .editor {
  border-right: none;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
/* Spacing with corner label */
.ui[class*="corner labeled"]:not(.left).labeled.input > .editor {
  padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not(.left) > .editor {
  padding-right: 3.25em !important;
}
/* Left Labeled */
.ui[class*="corner labeled"].left.labeled.input > .editor {
  padding-left: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input.left > .editor {
  padding-left: 3.25em !important;
}
/* Button on Right */
.ui.action.input:not([class*="left action"]) > .editor {
  border-right: none;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.ui[class*="left action"].input > .editor {
  border-left: none;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
/*--------------------
       Inverted
---------------------*/
/* Standard */
.ui.inverted.input > .editor {
  border: none;
}
/*--------------------
        Fluid
---------------------*/
.ui.fluid.input {
  display: flex;
}
.ui.fluid.input > .editor {
  width: 0px !important;
}
.flex-unsupported .ui.input {
  display: -webkit-box !important;
  display: -moz-box !important;
}
.flex-unsupported .ui.input > input {
  -webkit-box-flex: 1 !important;
  -moz-box-flex: 1 !important;
  display: block !important;
}
.flex-unsupported .ui.input > :not(input) {
  -webkit-box-flex: 0 !important;
  -moz-box-flex: 0 !important;
  display: block !important;
}

.ui.segment.crowd {
  padding: 0 !important;
}

/* Text Area */
.ui.input.textarea {
  width: 100%;
}
textarea {
  margin: 0em;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical;
  vertical-align: top;
  width: 100%;
}
textarea:not([rows]) {
  height: 12em;
  min-height: 6em;
  max-height: 24em;
}
textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85b7d9;
  border-radius: 0.28571429rem;
  background: #ffffff;
  box-shadow: none;
  -webkit-appearance: none;
}
textarea {
  vertical-align: top;
}
textarea.error {
  background: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  box-shadow: none;
}

#c-notify-tip-container {
  position: fixed;
  z-index: 10000000;
  bottom: 0;
  right: 0;
  padding: 1em;
  height: auto;
  width: 22em;
}
.ui.notify-tip {
  width: 100%;
  display: inline-block;
}
.mobile #c-notify-tip-container {
  left: 1em;
  right: 1em;
  bottom: 4em;
  width: auto;
}

c-split-pane,
.ui.split-pane {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
c-split-pane > .pane,
.ui.split-pane > .pane {
  position: absolute;
}
c-split-pane.fixed-left > .splitter,
.ui.split-pane.fixed-left > .splitter,
c-split-pane.fixed-right > .splitter,
.ui.split-pane.fixed-right > .splitter {
  width: 4px;
  height: 100%;
  top: 0;
  cursor: col-resize;
}
c-split-pane.fixed-left > .splitter:before,
.ui.split-pane.fixed-left > .splitter:before,
c-split-pane.fixed-right > .splitter:before,
.ui.split-pane.fixed-right > .splitter:before {
  width: 4px;
  height: 48px;
  left: 0;
  top: 50%;
  margin: -24px 0;
}
c-split-pane.fixed-left > .pane,
.ui.split-pane.fixed-left > .pane,
c-split-pane.fixed-right > .pane,
.ui.split-pane.fixed-right > .pane {
  height: 100% !important;
  top: 0;
}
c-split-pane.fixed-left > c-split-pane.main-pane,
.ui.split-pane.fixed-left > c-split-pane.main-pane,
c-split-pane.fixed-right > c-split-pane.main-pane,
.ui.split-pane.fixed-right > c-split-pane.main-pane,
c-split-pane.fixed-left > .ui.split-pane.main-pane,
.ui.split-pane.fixed-left > .ui.split-pane.main-pane,
c-split-pane.fixed-right > .ui.split-pane.main-pane,
.ui.split-pane.fixed-right > .ui.split-pane.main-pane {
  width: auto;
}
c-split-pane.fixed-top > .splitter,
.ui.split-pane.fixed-top > .splitter,
c-split-pane.fixed-bottom > .splitter,
.ui.split-pane.fixed-bottom > .splitter {
  left: 0;
  height: 4px;
  width: 100%;
  cursor: row-resize;
}
c-split-pane.fixed-top > .splitter:before,
.ui.split-pane.fixed-top > .splitter:before,
c-split-pane.fixed-bottom > .splitter:before,
.ui.split-pane.fixed-bottom > .splitter:before {
  height: 4px;
  width: 48px;
  top: 0;
  left: 50%;
  margin: 0 -24px;
}
c-split-pane.fixed-top > .pane,
.ui.split-pane.fixed-top > .pane,
c-split-pane.fixed-bottom > .pane,
.ui.split-pane.fixed-bottom > .pane {
  width: 100% !important;
  left: 0;
}
c-split-pane.fixed-top > c-split-pane.main-pane,
.ui.split-pane.fixed-top > c-split-pane.main-pane,
c-split-pane.fixed-bottom > c-split-pane.main-pane,
.ui.split-pane.fixed-bottom > c-split-pane.main-pane,
c-split-pane.fixed-top > .ui.split-pane.main-pane,
.ui.split-pane.fixed-top > .ui.split-pane.main-pane,
c-split-pane.fixed-bottom > .ui.split-pane.main-pane,
.ui.split-pane.fixed-bottom > .ui.split-pane.main-pane {
  height: auto;
}
c-split-pane.fixed-left > .side-pane,
.ui.split-pane.fixed-left > .side-pane {
  left: 0;
}
c-split-pane.fixed-left > .main-pane,
.ui.split-pane.fixed-left > .main-pane {
  right: 0;
}
c-split-pane.fixed-right > .side-pane,
.ui.split-pane.fixed-right > .side-pane {
  right: 0;
}
c-split-pane.fixed-right > .main-pane,
.ui.split-pane.fixed-right > .main-pane {
  left: 0;
}
c-split-pane.fixed-top > .side-pane,
.ui.split-pane.fixed-top > .side-pane {
  top: 0;
}
c-split-pane.fixed-top > .main-pane,
.ui.split-pane.fixed-top > .main-pane {
  bottom: 0;
}
c-split-pane.fixed-bottom > .side-pane,
.ui.split-pane.fixed-bottom > .side-pane {
  bottom: 0;
}
c-split-pane.fixed-bottom > .main-pane,
.ui.split-pane.fixed-bottom > .main-pane {
  top: 0;
}
c-split-pane > .splitter,
.ui.split-pane > .splitter {
  background-color: #ededed;
  position: absolute;
}
c-split-pane > .splitter:before,
.ui.split-pane > .splitter:before {
  position: absolute;
  content: "";
  background-color: #d9d9d9;
}
c-split-pane > .splitter:hover:before,
.ui.split-pane > .splitter:hover:before {
  background-color: #2185d0;
}

/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
c-toolbar,
.ui.toolbar {
  padding: 0.25em 0.05em;
  background-color: #e6e6e6;
}
c-toolbar > .item,
.ui.toolbar > .item,
c-toolbar > .toolbar-button,
.ui.toolbar > .toolbar-button,
c-toolbar > .right.box,
.ui.toolbar > .right.box {
  margin: 0 0.2em;
}
c-toolbar.transparent,
.ui.toolbar.transparent {
  background-color: transparent;
}
c-toolbar > .item .ui.input input,
.ui.toolbar > .item .ui.input input,
c-toolbar > .toolbar-button .ui.input input,
.ui.toolbar > .toolbar-button .ui.input input,
c-toolbar > .right.box .ui.input input,
.ui.toolbar > .right.box .ui.input input {
  padding-top: .57142857em;
  padding-bottom: .57142857em;
}
c-toolbar > .ui.toolbar-button .ui.button,
.ui.toolbar > .ui.toolbar-button .ui.button {
  margin-right: 0;
  padding: .78571429em .92857143em;
  background-color: transparent;
}
c-toolbar > .ui.toolbar-button .ui.button:hover,
.ui.toolbar > .ui.toolbar-button .ui.button:hover,
c-toolbar > .ui.toolbar-button .ui.button:focus,
.ui.toolbar > .ui.toolbar-button .ui.button:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
c-toolbar > .ui.toolbar-button .ui.button:focus,
.ui.toolbar > .ui.toolbar-button .ui.button:focus,
c-toolbar > .ui.toolbar-button .ui.button:active,
.ui.toolbar > .ui.toolbar-button .ui.button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
c-toolbar > .item > .ui.button,
.ui.toolbar > .item > .ui.button,
c-toolbar > .right.box > .ui.button,
.ui.toolbar > .right.box > .ui.button {
  margin-right: 0;
  padding: .78571429em .92857143em;
}
c-toolbar,
.ui.toolbar,
.box-layout {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  display: -ms-flexbox;
  -moz-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  box-align: center;
}
c-toolbar > .right.box,
.ui.toolbar > .right.box,
.box-layout > .right.box {
  text-align: end;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  -ms-flex: 1;
}

.ui.breadcrumb > item > a,
c-breadcrumb > item > a {
  color: rgba(0, 0, 0, 0.87);
}
.ui.breadcrumb > item > i,
c-breadcrumb > item > i {
  width: 1em;
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
}
.ui.breadcrumb > item > i:before,
c-breadcrumb > item > i:before {
  content: "/";
}
.ui.breadcrumb > item:last-of-type > i,
c-breadcrumb > item:last-of-type > i {
  display: none;
}

c-progress,
.ui.progress {
  background-color: #fff !important;
  position: relative;
  margin: 0 !important;
}
c-progress.circle > svg,
.ui.progress.circle > svg {
  display: block;
}
c-progress.circle > svg path.track,
.ui.progress.circle > svg path.track {
  stroke: #e5e9f2;
  fill: none;
}
c-progress.circle > svg path.progress,
.ui.progress.circle > svg path.progress {
  stroke-linecap: round;
  stroke: #2185d0;
  fill: none;
  transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease;
}
c-progress.circle text,
.ui.progress.circle text {
  font-size: 1.5em;
  line-height: 1em;
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -0.5em;
}
c-progress.circle.success > svg path.track,
.ui.progress.circle.success > svg path.track,
c-progress.circle.positive > svg path.track,
.ui.progress.circle.positive > svg path.track {
  stroke: #a3c293;
}
c-progress.circle.success > svg path.progress,
.ui.progress.circle.success > svg path.progress,
c-progress.circle.positive > svg path.progress,
.ui.progress.circle.positive > svg path.progress {
  stroke: #21ba45;
}
c-progress.circle.success > text,
.ui.progress.circle.success > text,
c-progress.circle.positive > text,
.ui.progress.circle.positive > text {
  color: #21ba45;
}
c-progress.circle.exception > svg path.track,
.ui.progress.circle.exception > svg path.track,
c-progress.circle.negative > svg path.track,
.ui.progress.circle.negative > svg path.track {
  stroke: #a3c293;
}
c-progress.circle.exception > svg path.progress,
.ui.progress.circle.exception > svg path.progress,
c-progress.circle.negative > svg path.progress,
.ui.progress.circle.negative > svg path.progress {
  stroke: #db2828;
}
c-progress.circle.exception > text,
.ui.progress.circle.exception > text,
c-progress.circle.negative > text,
.ui.progress.circle.negative > text {
  color: #db2828;
}
c-progress.circle.warning > svg path.track,
.ui.progress.circle.warning > svg path.track {
  stroke: #c9ba9b;
}
c-progress.circle.warning > svg path.progress,
.ui.progress.circle.warning > svg path.progress {
  stroke: #f2c037;
}
c-progress.circle.warning > text,
.ui.progress.circle.warning > text {
  color: #f2c037;
}
c-progress.plain text,
.ui.progress.plain text {
  display: none !important;
}
c-progress.plain:not(.circle),
.ui.progress.plain:not(.circle) {
  height: 4px;
}
c-progress.plain:not(.circle) > .track,
.ui.progress.plain:not(.circle) > .track {
  top: 0;
  margin-top: 0;
  border-radius: 0;
  height: 4px;
}
c-progress.plain:not(.circle) > .track .progress,
.ui.progress.plain:not(.circle) > .track .progress {
  border-radius: 0;
  height: 4px;
}
c-progress:not(.circle),
.ui.progress:not(.circle) {
  height: 2em;
}
c-progress:not(.circle) > .track,
.ui.progress:not(.circle) > .track {
  border-radius: 0.5em;
  background-color: #e5e9f2;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 0;
  right: 4em;
  margin-top: -0.5em;
}
c-progress:not(.circle) > .track .progress,
.ui.progress:not(.circle) > .track .progress {
  border-radius: 0.5em;
  background-color: #2185d0;
  height: 1em;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
c-progress:not(.circle) > text,
.ui.progress:not(.circle) > text {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4em;
  transform: scale(0.85, 0.85);
  line-height: 2em;
}
c-progress:not(.circle).inline > .track,
.ui.progress:not(.circle).inline > .track {
  right: 0;
  margin-top: -0.5em;
}
c-progress:not(.circle).inline > text,
.ui.progress:not(.circle).inline > text {
  width: initial;
  position: absolute;
  right: 50%;
  top: 0px;
  color: #fff;
  line-height: 2em;
  transform: scale(0.75, 0.75);
}
c-progress:not(.circle).success > .track,
.ui.progress:not(.circle).success > .track,
c-progress:not(.circle).positive > .track,
.ui.progress:not(.circle).positive > .track {
  background-color: #a3c293;
  position: absolute;
}
c-progress:not(.circle).success > .track .progress,
.ui.progress:not(.circle).success > .track .progress,
c-progress:not(.circle).positive > .track .progress,
.ui.progress:not(.circle).positive > .track .progress {
  background-color: #21ba45;
}
c-progress:not(.circle).exception > .track,
.ui.progress:not(.circle).exception > .track,
c-progress:not(.circle).negative > .track,
.ui.progress:not(.circle).negative > .track {
  background-color: #e0b4b4;
}
c-progress:not(.circle).exception > .track .progress,
.ui.progress:not(.circle).exception > .track .progress,
c-progress:not(.circle).negative > .track .progress,
.ui.progress:not(.circle).negative > .track .progress {
  background-color: #db2828;
}
c-progress:not(.circle).warning > .track,
.ui.progress:not(.circle).warning > .track {
  background-color: #c9ba9b;
}
c-progress:not(.circle).warning > .track .progress,
.ui.progress:not(.circle).warning > .track .progress {
  background-color: #f2c037;
}
